kay: Menü-Liste mit BG-Image, float:left und unterschied. Breiten

Beitrag lesen

Um mehr sagen zu können, ist deine Problembeschreibung viel zu spärlich.

Ich werde nochmal versuchen.

CSS:
#navcontainer{
list-style-type: none;
clear:both;
}

#navlist li{
float: left;
margin: 0;
padding: 0;
height:25px;
width:136px;
display:inline-block
}

#navlist li a{
height:25px;
width:136px;
display:inline-block
}

#navlist li a:hover, #navlist .current{
height:25px;
width:136px;
background-position: 0 bottom;
}

#menu0, #menu0 a {background:url(/images/menu/0.png);}
#menu1, #menu1 a {background:url(/images/menu/1.png);}
#menu2, #menu2 a {background:url(/images/menu/2.png);}
#menu3, #menu3 a {background:url(/images/menu/3.png);}
#menu4, #menu4 a {background:url(/images/menu/4.png);}
#menu5, #menu5 a {background:url(/images/menu/5.png);}
#menu6, #menu6 a {background:url(/images/menu/6.png);}

HTML
<div id="navcontainer">
      <ul id='navlist'>
 <li id="menu0"><a href="/0.php"></a></li>
 <li id="menu1"><a href="/1.php"></a></li>
 <li id="menu2"><a href="/2.php"></a></li>
 <li id="menu3"><a href="/3.php"></a></li>

<li id="menu4" class='current'></li>
 <li id="menu5"><a href="5.php"></a></li>
 <li id="menu6"><a href="/6.php"></a></li>
 </ul></div>

Problem. Menüeintrag 136px breit. Bilder sind manchmal breiter Manchmal schmaler. Wenn ich width:136px; lösche sind alle Bilder weg. Hoffe Du verstehst nun. Dank.