tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/65554-verwendung-lsst-sich-eine-bildergalerie-mit-hyperlink-pro-bild-ohne-abstand-realisierenRockSolid Themes: Discussion 2021-04-10T10:32:55Ztag:help.rocksolidthemes.com,2012-07-23:Comment/491272412021-04-06T13:45:37Z2021-04-06T13:45:37ZVerwendung: Lässt sich eine Bildergalerie (mit Hyperlink pro Bild) ohne Abstand realisieren?<div><p>Vielen Dank für Ihre Frage.</p>
<p>Sie können dem Spaltenumschlag die CSS-Klasse <code>no-gutter</code> zuweisen und folgenden CSS-Code in die Datei <em>files/tao/css/custom.css</em> einfügen:</p>
<pre>
<code>.rs-columns.no-gutter {
display: flex;
flex-wrap: wrap;
}
.rs-columns.no-gutter > .rs-column {
flex-grow: 1;
margin-left: 0;
margin-right: 0;
}</code>
</pre>
<p>Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/491272412021-04-07T14:55:22Z2021-04-07T14:55:22ZVerwendung: Lässt sich eine Bildergalerie (mit Hyperlink pro Bild) ohne Abstand realisieren?<div><p>Vielen Dank - klappt wunderbar. Wie finde ich am einfachsten die bereits eingestellten CSS-Eigenschaften (wie .rs-columns)? Infos zu html5 bekomme ich im Frontend Helper, aber nichts zu css. Gibt es dazu eine weitergehende Dokumentation als die wenigen Zeilen im Helptext zu TAO?</p>
<p>MfG<br>
Juergen Lingnau</p></div>jelingnautag:help.rocksolidthemes.com,2012-07-23:Comment/491272412021-04-07T15:06:20Z2021-04-07T15:06:20ZVerwendung: Lässt sich eine Bildergalerie (mit Hyperlink pro Bild) ohne Abstand realisieren?<div><p>Den CSS-Code des Themes finden Sie in der Datei <em>files/tao/css/main.css</em>.</p>
<p>Informationen zur Anpassung des CSS des Themes finden Sie auch im dritten Teil unseres Anpassungs-Tutorials: <a href="https://rocksolidthemes.com/de/contao/support/tutorials/elemente-anpassen-3">https://rocksolidthemes.com/de/contao/support/tutorials/elemente-anpassen-3</a></p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/491272412021-04-09T10:07:54Z2021-04-09T10:07:54ZVerwendung: Lässt sich eine Bildergalerie (mit Hyperlink pro Bild) ohne Abstand realisieren?<div><p>Ich würde gerne das Dreispalten-Layout unsymmetrisch gestalten - links 25 %, Mitte 60 %, rechts 15 %<br>
Unter Moduls - Seitenlayout - ID8 lässt sich dies anscheinend durch Angabe der Prozentzahlen nicht realisieren. Mit custom.css bin ich auch nicht weitergekommen (habe zwar die linke Spalte verbreitern können, nicht aber den Abstand zwischen der linken Spalte und der Hauptspalte). Wie komme ich da weiter?</p>
<p>Gruss<br>
J. Lingnau</p></div>jelingnautag:help.rocksolidthemes.com,2012-07-23:Comment/491272412021-04-09T13:33:57Z2021-04-09T13:33:57ZVerwendung: Lässt sich eine Bildergalerie (mit Hyperlink pro Bild) ohne Abstand realisieren?<div><p>Eine solche dreispaltige Aufteilung lässt sich mit folgendem CSS-Code umsetzen:</p>
<pre>
<code>.tao-3-columns .sidebar {
width: calc(25% - 3.7037%);
margin-left: 3.7037%;
}
.tao-3-columns .sidebar.-right {
left: 60%;
width: calc(15% - 3.7037%);
margin-right: calc(-15% + 3.7037%);
margin-left: 0;
}
.tao-3-columns .main-content {
width: calc(60% - 3.7037% - 3.7037%);
margin-right: calc(15% + 3.7037%);
}
@media screen and (max-width:900px) {
.tao-3-columns .main-content {
width: auto;
margin-right: 5.55556%;
}
.tao-3-columns .sidebar.sidebar {
left: auto;
width: auto;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width:599px) {
.tao-3-columns .sidebar.sidebar {
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/491272412021-04-09T14:47:33Z2021-04-10T10:32:29ZVerwendung: Lässt sich eine Bildergalerie (mit Hyperlink pro Bild) ohne Abstand realisieren?<div><p>Sieht genau so aus, wie ich mir das vorgestellt habe. Haben Sie vielen Dank - da muss man erst drauf kommen, und dann auch noch die Darstellung auf Handy und Tablet hinbekommen ...<br>
Gruss<br>
J. Lingnau</p></div>jelingnau