[gelöst] Zweite Spalte wird nicht angezeigt
Eingetragen von Kirsten1965 (703)am 15.09.2010 - 17:15 Uhr in
Hallo,
muß dann mal eine CSS Frage stellen: Ich habe einen Block, der als Liste jeweils einen Menupunkt ausgibt (in diesem Fall, je eine Galerie). Da ich genug Platz habe, wollte ich diese 2-spaltig anzeigen lassen.
Folgende Deklaration habe ich in meine local.css Datei gepackt:
#block-menu-menu-my-galleries .fusion-2-col-list .inner .item-list ul li, .fusion-2-col-list .inner ul.menu li {
float: left;
width: 48%;
}Firebug zeigt an, dass auch auf diese Deklaration zugegriffen wird. Es zeigt sich folgendes mir unerklärliches Verhalten:
Wenn width höher als 48% eingestellt, dann werden alle Listeneinträge untereinander angezeigt.
Wenn width 48% oder niedriger, werden jeweils nur noch die ungeraden Einträge angezeigt. Im Quelltext sind alle vorhanden. aber in der Anzeige sind sie verschwunden.
Zu betrachten unter http://streisand.wernermatrisch.de
Hat hier jemand eine Idee?
Gruß,
Kirsten
- Anmelden oder Registrieren um Kommentare zu schreiben
Die Frage ist ja: 48% von
am 15.09.2010 - 18:01 Uhr
Die Frage ist ja: 48% von was? Mit Firebug sehe ich gleich, dass das umgebende Element größer ist: Du hast in deinen Blöcken eine Klasse .grid16-15, die eine width von 900px zugewiesen bekommen hat. Entsprechend ist 48% doch sehr breit für ein li :)
Mach mal das: die Grid-Klasse grid16-5 muss da auf jeden Fall raus. Die ist scheinbar im Block-Template definiert. Ist die Klasse draußen, nimmt der Block die Breite der Sidebar an. Eine feste Pixelangabe wäre wohl auch nicht schlecht, nimm mal 80px für die li.
Wenn du dann noch das padding-left für die li entfernst und die stattdessen dem li a gibst, dann passt es sogar alles schön hin (mit padding-left der li passt es mit 80px nicht nebeneinander).
***edit:
Beweisfoto:
aschiwi schrieb Die Frage ist
am 15.09.2010 - 19:27 Uhr
Die Frage ist ja: 48% von was? Mit Firebug sehe ich gleich, dass das umgebende Element größer ist: Du hast in deinen Blöcken eine Klasse .grid16-15, die eine width von 900px zugewiesen bekommen hat. Entsprechend ist 48% doch sehr breit für ein li :)
So, so ist das halt, wenn man mit einem Theme arbeiten soll, dass man nicht durchschaut..... Also ich kann diese grid Klasse nicht rausschmeissen - ich kann sie nur ändern in z.B. .grid 16-3, die hat eine width von 180px, sprich, ich kann in 60px Schritten diese width anpassen.
Eine feste Pixelangabe wäre wohl auch nicht schlecht, nimm mal 80px für die li.
Da tut sich bei mir leider auch nicht viel. Immerhin werden nun die 180px zugrunde gelegt.
Ich muß mich nochmal mit diesem Fusion System auseinandersetzen - wenn ich mich durchgewurstelt habe, melde ich mich wieder. Lasse das hier offen, eventuell kennt ja noch jemand das System...
Für alle, die es einmal brauchen werden....
am 15.09.2010 - 19:53 Uhr
So, nun habe ich es hinbekommen!
Folgende Einstellungen müssen im betreffenden Block vorgenommen werden, damit er wie im Beispiel aussieht:
Dann muß man in der CSS-Datei noch folgende Deklaration angeben:
.fusion-2-col-list .inner .item-list ul li, .fusion-2-col-list .inner ul.menu li {float: left;
width: 43%;
list-style: none;
}
Wie immer danke an die tollen Drupelaner hier im Forum - die nie aufgeben, wenn es darum geht Hilfestellung zu geben...