kostenloser Webspace werbefrei: lima-city

anzeige des aktiven links klappt nicht

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   pcundsoftware

   

   pcundsoftware hat kostenlosen Webspace.

   20:58, 13.2.2010

   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

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. fchriis

   fchriis hat kostenlosen Webspace.

   21:01, 13.2.2010

   es heisst a#akt und nicht #akt a
   
   Letzteres sucht nämlich nach allen A mit einem übergeordnetem Element mit der ID #akt.
4. Autor dieses Themas

   pcundsoftware

   

   pcundsoftware hat kostenlosen Webspace.

   21:13, 13.2.2010

   Danke,
   das war mein Fehler!

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?