[CSS][HTML] Usunięcie tła z listy Opcje

[lukash82]

Witam,

Dostosowuję style wyświetlania menu w pewnym sklepie internetowym. Menu jest dosyć specyficznie wyświetlane i do każdego punktu jest dodawany obrazek w tle. Sęk w tym, że w ostatnim punkcie tego obrazka w menu ma już nie być. Próbowałem już na wszelkie sposoby ale poległem...:/ Kolor da się narzucić ale tła niestety nie można usunąć...:/

Poniżej kod tej nieszczęsnej listy w uproszczonej wersji... Wystarczy podłożyć tylko jakikolwiek mały obrazek o nazwie punktor.gif. Umiejscowienie klas last i first w kodzie html nie może być zmienione ponieważ tak to się generuje w skrypcie.

[HTML] pobierz, plaintext 
<style>
	li{list-style:none; padding-left: 20px; background:url(punktor.gif) center left no-repeat}
	li a{color: blue;} 
	li a:hover {color: red;}
	li #activ{color: orange;}
	li .last{color: violet; background: none;}
	li .first{color: green;} 
</style>
<ul>
	<li><a class="first" href="#">Strona 1</a></li>
	<li><a id="activ" href="#">Strona 2</a></li>
	<li><a href="#">Strona 3</a></li>
	<li><a href="#">Strona 4</a></li>
	<li><a href="#">Strona 5</a></li>
	<li><a class="last" href="#">Strona 6</a></li>
</ul>
[HTML] pobierz, plaintext 

Pewnie rozwiązanie jest banalne ale niestety chyba mi padło na oczy... Może widzicie w tym kodzie coś czego nie zauważam i jesteście mi w stanie jakoś pomóc. Z góry dzięki, pozdrawiam, Ł.

[krzysztof_kf]

[HTML] pobierz, plaintext 
	<li><a class="last" href="#">Strona 6</a></li>
[HTML] pobierz, plaintext 

zrób tak

[CSS] pobierz, plaintext 
li.bezobrazka {
 
}                       // Twoje ustawienia dla wyglądu .
 
[CSS] pobierz, plaintext 

i html

[HTML] pobierz, plaintext 
 
<li class="bezobrazka"><a href="#">Strona 6</a></li>
[HTML] pobierz, plaintext 

Przypatrz się że obrazek masz w klasie li a nie a

Ten post edytował krzysztof_kf 22.02.2011, 13:15:47

[askone]

Hej

Zapis

[CSS] pobierz, plaintext 
li .last{color: violet; background: none;}
[CSS] pobierz, plaintext 

definiuje parametry elementu <a>, jako tego który ma wśród rodziców element <li> i dodatkowo przypisaną klasą .last. Dlatego też dając tam definicję tła ustawiasz tło dla niego a nie dla <li>

Pozdrawiam

[lukash82]

Witam ponownie,

Niestety zmian w kodzie html nie jestem w stanie wprowadzić ponieważ jest on generowany przez skrypt w php. Dlatego muszę stylować to co już jest wygenerowane. Ale askone uświadomiłeś mi jedną rzecz, na którą nie do końca zwróciłem uwagę i to był strzał w dziesiątkę. Przeniosłem dodawanie tła z elementu <li> do <a> i teraz już wszystko śmiga jak ta lala.