anzeige des aktiven links klappt nicht
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
akt
artikel
blocken
code
dank
display
element
fehler
letzteres sucht
linke bild
list
navigation
post
profil
start
transparent url
-
Hallo,
wieso wird der Link mit #akt nicht korrekt angezeigt, dass heißt das das linke Bild nicht dargestellt wird?
Html
<div id="navigation"> <ul> <li><a href="#" id="akt">Start</a></li> <li><a href="1">Profil</a></li> <li><a href="2">Post</a></li> <li><a href="3">Artikel</a></li> <li><a href="4">Chat</a></li> </ul> </div>
css
#navigation ul{ margin: 0; padding: 0; list-style: none; } #navigation li{ float: left; background: transparent url('../navigationbilder/rechte_seite.png') no-repeat right top; margin: 0; padding: 0; } #navigation a{ display: block; background: transparent url('../navigationbilder/linke_seite.png') no-repeat left top; padding: 5px 15px; } #navigation #akt{ background: transparent url('../navigationbilder/rechte_seite_akt.png') no-repeat right top; } #navigation #akt a{ background: transparent url('../navigationbilder/linke_seite_akt.png') no-repeat left top; }
Schöne Grüße
pcs -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
es heisst a#akt und nicht #akt a
Letzteres sucht nämlich nach allen A mit einem übergeordnetem Element mit der ID #akt. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage