Schau mal in den Quelltext:
Das erste Bild ist verbunden mit der Klasse <div class="fotoThumbnail foto-1">,
das zweite Bild ist verbunden mit der Klasse <div class="fotoThumbnail foto-2">
die jeweils in der CSS Datei des Gallery Moduls mit einem Abstand nach rechts mit 30px definiert ist.
|
Quellcode
|
1
2
3
4
5
6
7
8
9
10
11
|
div#modul div#modul_gallery div.fotoThumbnail.foto-1 {
margin-right: 30px !important;
}
div#modul div#modul_gallery div.fotoThumbnail.foto-2 {
margin-right: 30px !important;
}
|
Das dritte Bild hat zwar die Klasse foto-3, die aber nicht da ist (oder ich sie nur nicht finde
) und deshalb die übergeordnete Definiton greift, die da sagt
div#modul div#modul_gallery div.fotoThumbnail {
backround: #fff;
padding: 0px;
border: none;
margin: 0px 0px 30px 0px;
float: left;
}
daß kein rechter Abstand angegeben ist. Das in deinem Beispiel 4. Bild müsste in deinem Quelltext eigentlich wieder die als <div class="fotoThumbnail foto-1"> ausgegeben sein ... und der hat keinen Abstand nach links definiert.
Wie es aussieht gibt es irgendwo eine Einstellung, die pro Reihe/Zeile 3 Fotos vorsieht. Ich nehme an aus Platzmangel kann das System bei dir keine 3 Fotos in einer Reihe ausgeben und verschiebt das dritte automatisch in die nächste Reihe/Zeile.
Ich meine ich hätte da mal im Vorbeigehen etwas gesehen, schliesse mich dennoch mit der Frage an, wo man diese Einstellung vornehmen kann.
Grüße von Theolina