CSS-Problem
Redaktionelle Einordnung
Diese archivierte Diskussion behandelt CSS-Problem aus Sicht der Rubrik HTML5 & CSS.
Die Diskussion bleibt als Archiv nutzbar. Für die aktuelle Bewertung empfehlen sich ergänzend neuere Artikel, Tools oder eine konkrete Analyse.
Sinnvoll nutzbar bleibt der Thread vor allem als historischer Kontext, für typische Fragestellungen und zur Einordnung älterer Empfehlungen.
Einige im historischen Thread genannte Tools, Dienste oder externe Links könnten heute nicht mehr verfügbar oder inhaltlich überholt sein. Nutzen Sie sie bitte nur mit zusätzlicher Prüfung.
Startbeitrag
Archivierter Thread aus dem Seitenreport-Forum.
Hallo zusammen,
bei der Umgestaltung unserer Seiten habe ich ein Problem mit dem CSS für das Shopmenu und hoffe auf Eure Hilfe.
Das Shopsystem liefert die Kategorien als
- -Listen, die Unterkategorien als weitere, darin verschachtelte
- . Offensichtlich wird der float-Befehl aus der Hauptkategorie auch in die Unterkategorie vererbt, denn diese fließen auch nebeneinander, statt als einzelne Zeilen untereinander.
Abgespecktes Beispiel: www.weingut-fuchs.de/test_navi.php
Gibt es eine Möglichkeit, den float-Effekt in der Unterkategorie zu verhindern?
Danke für alle sachdienlichen Tips,
Gruß
winelady
Weinvielfalt aus dem Weingut Fuchs
Fremdsprachensatz
Antworten
2 BeiträgeHallo Hildegard,
so etwas in der Richtung
[css]
ul ul li{
float:none;
clear:both;
}
[/css]
wichtig ist, dass du an den zweiten Container kommst. Dies geht wie oben beschrieben.
Auch würde ich wenn, auf die Css-Classes triggern anstatt auf die ID\'s.
[css]
#menu ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#menu ul li {
float: left;
margin: 0 10px;
padding: 5px;
position: relative;
}
#menu ul li a {
outline: 0 none;
}
#menu ul li a:hover {
text-decoration: underline;
}
#menu ul li:hover .column {
left: -1px;
}
// Second Level
#menu ul ul li{
float:none;
clear:both;
}
[/css]
Der Code ist Schematisch ohne Testing!
hilft dir das so?
Viele Grüße
Hallo Roman,
super, danke Dir sehr. Hier lag mein Denkfehler:
#menu ul ul li{
float:none;
clear:both;}
Ich hatte mit float:none und clear ohne Erfolg im untergeordneten Container rumprobiert, statt an die übergeordnete ID zu gehen. Hätte ich eigentlich selber draufkommen müssen, aber manchmal sieht man ja den Wald vor lauter Bäumen nicht:pillepalle:
Gruß
Hildegard
Weinvielfalt aus dem Weingut Fuchs
Fremdsprachensatz