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]

Napisz tak jak ci tu napisze:

[HTML] pobierz, plaintext 
<style>
 
ul   {text-align:center;}
 
li   {font-weight: bold; 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 

Jeśli chcesz dodać id to musisz dodać i wiliście i w stylu proszę kod przykładowy:

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

I nie ma prawa nie działać... ;p



Ten post edytował ShadowD 29.03.2008, 09:05:21