Lista pozioma i określone szerokości Opcje

[1010]

Witam,
potrzebuję stworzyć menu poziome, ale żeby każdy li miał szerokość 100px... Gdy zrobię tak:

[HTML] pobierz, plaintext 
#menu1
{
   font-size: 15px;
   font-weight: bold;
   width: 879px;
   height: 34px;
   background-image: url('img/menu1.jpg');
   background-repeat: no-repeat;
   text-align: center;
   float: left;
   display: inline;
}
 
#menu1 ul
{
   width: 879px;
   padding: 0;
   margin: 9px auto 0 auto;
   float: left;
   display: inline;
}
 
#menu1 li
{
   width: 100px;
   margin: 0;
   padding: 0;
   border: 1px solid;
   list-style-type: none;
   float: center;
   display: inline;
}
[HTML] pobierz, plaintext 

to szerokość dopasowywuje się do zawartości... Jak to poprawić?

[ShadowD]

To znaczy powiem tak jeśli chcesz napisze ci menu poziome bo nie mogę naprawić tego... ;p



Pomysł nr 1 bez formatowania:

[HTML] pobierz, plaintext 
<style>
 
li   {width:100px; margin:0; padding:0; border:1px solid; list-style-type:none; display:inline;}
 
</style>
 
 
 
<center>
<ul>
<li>Strona Główna</li>            
<li>Szkoły</li>            
<li>Znajomi</li>            
<li>Poczta</li>            
<li>Forum</li>         
</ul>
</center>
[HTML] pobierz, plaintext 

Pomysł nr 2 zgodny z standardami wc3:

[HTML] pobierz, plaintext 
<style>
 
ul   {text-align:center;}
 
li   {width:100px; margin:0; padding:0; border:1px solid; list-style-type:none; display:inline;}
 
</style>
 
 
 
 
<ul>
<li>Strona Główna</li>            
<li>Szkoły</li>            
<li>Znajomi</li>            
<li>Poczta</li>            
<li>Forum</li>         
</ul>
[HTML] pobierz, plaintext 

Ps Jak coś nie działa to pisz nawet na pw...

Ten post edytował ShadowD 28.03.2008, 21:41:40