[HTML][CSS] Jak wyśrodkować zawartość <li> ? Opcje

[-wasilek-]

Mam taki css:

Kod

#menu
{

    width: 100%;
    top: 0em;
    left: 0em;
    background: #3EED2C;
    height: 4.5em;
}

#menu ul
{
    list-style: none;
    bottom: 0em;
    left: 1em;
}

#menu li
{
    display: block;
    float: left;
}

#menu li a
{
    color: #fff;
    display: block;
    padding: 0.75em 1.25em 1.25em 1.25em;
    text-decoration: none;
}

#menu li a:hover
{
    background: #39A404;
}

A html mam taki:

Kod

<div id="menu">
    <ul>
        <li><a href="#">Mwenu</a></li>
        <li><a href="#">Mwenu</a></li>
        <li><a href="#">Mwenu</a></li>
        <li><a href="#">Mwenu</a></li>
    </ul>
</div>

Co zmienic w css zeby wszystkie linki byly wycentrowane a nie po lewej stronie? Gdy w #menu li daje float: center; to nie dziala i wszystkie linki sie pokazuja pionowo zamiast poziomo ;/

[baranek77]

[HTML] pobierz, plaintext 
#menu li {
text-align:center;
 
}
[HTML] pobierz, plaintext 

[-wasilek-]

Niestety, ale nadal te linki sa po lewej stronie ;/ Sam sobie nie umie z tym poradzic juz od 4 nad ranem

[baranek77]

a mzoe

[HTML] pobierz, plaintext 
#menu li a{text-align:center;}
[HTML] pobierz, plaintext 

jezeli nie sprobuj mzoe wycentrowac marginesami li

Ten post edytował baranek77 10.05.2008, 07:53:56

[-wasilek-]

Niestety to tez nie dziala.. Co masz na mysli "wycentrowac marginesy li"?

[baranek77]

chodzilo ci o wycentrowanie calego menu tak ?

[HTML] pobierz, plaintext 
#menu ul
{
    margin:0px 25% 0px 25%;
    list-style: none;
    bottom: 0em;
    left: 1em;
}
[HTML] pobierz, plaintext 

[woj_tas]

[HTML] pobierz, plaintext 
#menu
{
 
    width: 100%;
    top: 0em;
    left: 0em;
    background: #3EED2C;
    height: 4.5em;
}
 
#menu ul
{
    list-style: none;
    bottom: 0em;
    left: 1em;
text-align:center;
height:50px;
line-height:42px;
}
 
#menu li
{
    display: inline;
 
}
 
#menu li a
{
    color: #fff;
    display: inline;
    padding: 0.75em 1.25em 1.25em 1.25em;
    text-decoration: none;
}
 
#menu li a:hover
{
    background: #39A404;
}
[HTML] pobierz, plaintext 

Ten post edytował woj_tas 10.05.2008, 08:43:00

[-wasilek-]

Teraz jest wysrodkowane, ale nie wyswietlaja sie wszystkie pozycje.... ;/ Nie wiem kombinuje od samego poranka i nic nie pomaga;/

[baranek77]

jak sie nie wyswietlaja wszystkie to zmniejsz margines i juz;]

[-wasilek-]

przyznajcie wj_tas`owi pomógł.. dzięki pomogło