[CSS/XHTML] CSS Elementansprachen durch verschachtelungen **erledigt***

[strolch00]

Hi@ all,

ich hoffe der Titel ist relativ getroffen.

Mein Problem:

Ich habe eine Tabelle mit der id "fish_kategorie"
nun ist in der Tabelle ein ul mit der id "none_button"
und in der ul die li´s mit class "none_button"

wie kann ich jetzt mit css nur diese ul und li ansprechen?

ich habe es zur Zeit so:

table#fish_kategorie {
	width: 100%;
	border: 0;
	empty-cells: hide;
	border-spacing: 2px;
}
table#fish_kategorie ul#none_button {
	float: left;
	list-style-type: none;
}
table#fish_kategorie ul#none_button li.none_button {
	margin-left: 20px;
}
table#fish_kategorie ul#none_button li.none_button a:link, table#fish_kategorie ul#none_button li.none_button a:visited {
	font: bold 12px Verdana, sans-serif;
	color: #000;
	text-decoration: none;
}
table#fish_kategorie ul#none_button li.none_button a:hover{
	font: bold 12px Verdana, sans-serif;
	color: #000;
	text-decoration: underline;
}

aber irgendwie klappt das mit den li.none_button nicht der background der li aus meinem Seitenmenü ist immernoch zu sehen.

Mache ich was bei der Ansprechung falsch? Die JavaScript Console des FF2.0 sagt keine Fehler.

kann man das nicht anders lösen?? Ich hoffe einer Weis einen Rat oder kennt eine Übersicht wie man solche CSS elemente Anspricht, ich mache das regelmässig falsch.

Gruß strolch00

 

[Graccem]

Du hast den Hintergrund für alle LI definiert, deswegen wird dort auch etwas angezeigt. Du musst diese Anweisung erst einmal aufheben, damit der Hintergrund verschwindet: background:none;

 

[strolch00]

danke dir hat gefunzt ^^ sowas einfaches wahnsinn