[CSS][HTML]Menu wyświetlane poziomo, problem po zmianie nazw css Opcje

[mefistofeles]

Mam takie menu:

[HTML] pobierz, plaintext 
<div class="bd">
<ul><li><a href="/">Strona glówna</a></li>
<li><a href="/content/pompy-ciepla">Pompy ciepla</a></li>
<li><a href="/content/ogrzewanie-podlogowe">Ogrzewanie podlogowe</a></li>
<li><a href="/contact">Kontakt</a></li>
</ul>
</div>
[HTML] pobierz, plaintext 

i css do niego:

[HTML] pobierz, plaintext 
ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
 
}
 
ul li {
	display: inline;
	white-space: nowrap;
	text-decoration:none;
	color:#000;
}
[HTML] pobierz, plaintext 

No i wszystko fajnie się wyświetla w poziomie, ale też inne listy zaczęły się wyświetlać w poziomie a tak być nie może więc dodałem klasę do wszystkiego i mamy coś takiego:

[HTML] pobierz, plaintext 
<div class="bd">
<ul class="tazo"><li class="tazo"><a href="/">Strona glówna</a></li>
<li class="tazo"><a href="/content/pompy-ciepla">Pompy ciepla</a></li>
<li class="tazo"><a href="/content/ogrzewanie-podlogowe">Ogrzewanie podlogowe</a></li>
<li class="tazo"><a href="/contact">Kontakt</a></li>
</ul>
</div>
[HTML] pobierz, plaintext 

i css:

[HTML] pobierz, plaintext 
.tazo ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
 
}
 
.tazo ul li {
	display: inline;
	white-space: nowrap;
	text-decoration:none;
	color:#000;
}
[HTML] pobierz, plaintext 

Jednak teraz lista jest ciągle wyświetlana w pionie, czyli nie chwyta tych nowych ustawień.
Dlaczego ?

Ten post edytował mefistofeles 27.05.2010, 16:43:37

[r4xz]

nie dawaj tyle class w ul i li, tylko w css odwołaj się do rodzica, np.
ul li zamień na .bd ul li

Ten post edytował r4xz 27.05.2010, 16:46:54

[mefistofeles]

Dzięki za szybką pomoc