Thread-Starter
4zap
(@4zap)
Das Problem mit den einzelnen Galerien konnte ich lösen. Man muss für jede Galerie eine Child-Seite anlegen und verlinkt dann die Gallerie in der Übersichtsseite. Funzt merkwürdigerweise. Wahrscheinlich weil die Galerie auf jeder Seite eine unigue ID bekommt.
Aber die Thumbs kleben immer noch untereinander….:(
Hallo,
kannst du einen Link senden?
Ansonsten müsstest du es mit dem CSS Befehl float versuchen. Das kann ich aber nur vermuten, da ich den Quellcode nicht sehe.
Thread-Starter
4zap
(@4zap)
http://short4u.de/512fd70084544
Dort sind drei Thumbnails zu sehen. Jeder Thumbnail führt zur einer anderen Galerie.
Irgendwie scheint die Galerie bei den Thumbs zeilenorientiert zu arbeiten.
In den DIV Infos finde ich für diese Zeile die Definition
#gallery-1.gallery.galleryid-352.gallery-columns-3.gallery-size-thumbnail Width = 960px Height = 194px
wobei ich in der style.css nichts dazu finde…. 🙁
Die 960px sind nirgends definiert, kommen von einer Prozentangabe 100% schätz ich mal. Daher kann das auch nicht anders angeordnet sein als untereinander. Ich hätte es gerne nebeneinander.
Egal welchen Gallery tag ich anfasse in der CSS, es rührt sich gar nix.
Hallo,
zwischen den einzelnen div’s der Gallerien sind noch style’s im Quellcode der ausgegebenen html Datei, die mich etwas verwirren, wie kommen die da hin- die gehören doch in eine zentrale CSS?.
Ich würde das Problem folgenderma?en lösen:
die einzelnen Div’s bekommen nen float, weil an der Stelle nur die Childelemente in der DIV einen float haben. Das bringt ja nichts.
Folgender Code erstmal für die Klassen der Gallerien (schau mal ob die Klasse nicht schon irgendwo existiert).
.gallery {
float: left;
}
Dann die Gallerie dl items auf 100% width stellen:
(mit !important überschreibst du alle bisherigen Regeln)
dl.gallery-item {
width: 100% !important;
}
Jetzt müsstest du noch die width der Gallerien div’s anpassen damit es gut aussieht.
Es kann sein, dass die dl.gallery-item Auswirkungen auf andere Elemente in deiner Site haben, die dieselbe Klasse besitzen.
Damit nur diese 3 Gallerien angesprochen werden könntest du z.B. auch folgendes benutzen
#gallery-1 dl.gallery-item, #gallery-2 dl.gallery-item, #gallery-3 dl.gallery-item
{
width: 100% !important;
}
Thread-Starter
4zap
(@4zap)
Super! Vielen Dank für deine Hilfe. ICh kann erst wieder heute abend dran arbeiten und geb Bescheid ob es gepasst hat. Die Style css ist derart lang das ich vor lauter Bäume den Wald kaum noch sehe.
Vielleicht solltest du dann mit einem Editor arbeiten.
Für den Anfang empfehle ich dir Notepad++
Da kannst du dann die „Sprache“ auswählen und es wird dir dann alles farblich dargestellt für die entsprechende Prog.-Sprache.
Mit STRG+F findest du dann was du suchst.
Kopiere einfach den Code aus dem WordPressEditor in den Notepad++
Thread-Starter
4zap
(@4zap)
.gallery-size-thumbnail{
float:left;
max-width: 180px;
}
war die Lösung. Jetzt belegen sie nicht mehr die ganze Zeile und sind auf die Größe des Thumbnails beschränkt. Da die class nicht existierte in der style.css hab ich sie einfach angelegt.
Die restlichen relevanten Galerie Klassen habe ich definiert wie du vorgeschlagen hast. Alles in Allem war ich echt blind. Naja, Zeit für Urlaub würd ich sagen.
Ich arbeite seit Jahren mit Scite. Ist so ähnlich wie notepad++.
SCITE
Danke für den Support…
… ich hätt da noch ein Style Problem.. aber später 😉