rantanplan55: Größe der Hintergrundbilder in Naviagtionsleisten

Beitrag lesen

ul-Elemente dürfen keine a-Elemente als direkte Nachfahren haben.

Ja, ich habe die <li>s dazwischen verschwiegen.

Ja, aber nur in sehr modernen Browsern.

Danke! werd ich mir mal ansehen...

Aber was haben alle anderen mit diesem Problem gemacht ?
Keine Hintergrundbilder für "Buttons" verwendet?
Mit dem unschöneren Buttons bei Nicht-Standard Schriftgröße gelebt?
Starre Größe der Buttons?

Hier mein HTML:

  
<div id="navigation">  
 <ul>  
  <li>  
   <a class="active" href="indexx.shtml" title="Zur Startseite">Home</a>  
  </li>  
  <li>  
   <a class="inactive" href="kontakt.shtml" title="Nehmen Sie Kontakt auf">Kontakt</a>  
  </li>  
  <li>  
   <a class="inactive" href="impressum.shtml" title="Impressum und rechtliche Hinweise">Impressum</a>  
  </li>  
 </ul>	  
</div>

Mein CSS:

  
#navigation {  
 margin-top:1em;  
 margin-left:auto;  
 margin-right:auto;  
 width:21em;  
 height:3em;  
}  
  
#navigation ul	{  
 list-style:none;  
 padding: 0px;	  
 margin:0px;  
}  
  
#navigation li	{  
 float:left;  
 text-align:center;  
}  
  
#navigation a	{  
 width:7em;  
 height:1.2em;  
 display:block; /*"Button" aus Link machen */  
 text-decoration:none;  
 padding:.9em .0em .9em .0em  
}  
  
#navigation a:hover {  
 background-image: url(buttonactive.gif);  
 color:white;  
}  
  
.active {  
 background-image: url(buttonactive.gif);  
 color:white;  
}  
  
.inactive {  
 background-image: url(button.gif);  
 color:#7D7D7D;  
}