[CSS] <li> + <ul> centreren [CSS]

Heey!

Ik heb een menu gemaakt met

en

, maar ik weet niet hoe ik dat in het midden kan zetten...

Misschien handig om te weten: Er zit een mouseover op.
Ik hoop dat jullie me kunnen helpen!

HTML:



<div id="menuu">
        <ul id="menu">
                        <li><a href="contact.php">Contact</a></li>
                        <li><a href="index.html">Hulp nodig?</a></li>
                        <li><a href="contact.php">Domeinnaam</a></li>
                        <li><a href="bestellen.html">Inloggen</a></li>
                        <li><a href="webhosting.html">Registreren</a></li>
                        <li><a href="index.html">Startpagina</a></li>
        </ul>
</div>



CSS:



#menuu
{
    background-image: url(images/menu_bg.png);
    width: 899px;
    height: 71px;
    margin-left: auto;
    margin-right: auto;
}

li
{

    list-style-type: none;
    text-align: center;
}

li a
{
    text-decoration: none;
    color: #1e1e1e;
    padding-top: 21px;
}


a
{
    text-decoration: none;
    color: #262626;
}

ul
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    list-style-type: none;
    margin-right: 20px;
    display-block: inline;
}
    

ul#menu a
{
    background-image: url(images/buttons/menu_mouseover_normal.png);
    width: 120px;
    height: 37px;
    float: right;
}

ul#menu a:hover
{
    background-image: url(images/buttons/menu_mouseover.png);
}



Oja, nog een vraag!:

Hoe doe ik het volgende: Een bezoeker klikt op "Contact", ik wil dan dat in het menu de mouseover aan blijft staan op contact.

Alvast heeeel erg bedankt voor jullie hulp!

Jos

zet bij je ul:

margin: 0px auto;
position: relative;

Volgens mij kan dat niet hoor, omdat je met float werkt.

Het kan wel, heb het al in een paar tutorials gezien, maar die zijn zo vaag dat ik ze niet snap...
@Milan, ik ga jou manier even proberen!
EDIT:
Werkt niet, helaas...

#menuu
{
    background-image: url(images/menu_bg.png);
    width: 899px;
    height: 71px;
    overflow: hidden;
    margin: 0px auto;
}

Zoiets denk ik..

zet in je #menuu
text-align: center;

en haal in je ul#menu a de float:right; weg.
en maak van display: inline; > display: inline-block;

Sorry, werkt ook niet

Het is ook raar gedaan. eerst heb je li en ul en daarna nog een keer ul maar dan #menu. Klopt niet echt. Ik heb nu geen tijd maar ik zal je morgen ff helpen om dit te fixen

Oké, alvast bedankt!

Ik heb dit ook van een tut, dus weet ook niet echt wat er goed of fout aan is, gisteren lukte het me wel maar ik weet niet meer wat ik toen heb gedaan...

Ik heb het aangepast nu werkt het(wij maken samen die site)
CSS:

div#menu
{
    background-image: url(images/menu_bg.png);
    width: 899px;
    height: 71px;
    margin-left: auto;
    margin-right: auto;
}

li
{

    list-style-type: none;
    text-align: center;
}

li a
{
    text-decoration: none;
    color: #1e1e1e;
    padding-top: 21px;
}


a
{
    text-decoration: none;
    color: #262626;
}

ul
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    list-style-type: none;
    margin-right: 20px;
    margin-top: 0px;
    display: inline-block;
}
    

ul#menu a
{
    background-image: url(images/buttons/menu_mouseover_normal.png);
    width: 120px;
    height: 37px;
    float: right;
}

ul#menu a:hover
{
    background-image: url(images/buttons/menu_mouseover.png);
}

ul#menu li a:active
{
    background-image: url(images/buttons/menu_mouseover.png);
    color: #333;
}

HTML

<div id="menu">
        <ul id="menu">
                        <li><a href="contact.php">Contact</a></li>
                        <li><a href="index.html">Hulp nodig?</a></li>
                        <li><a href="contact.php">Domeinnaam</a></li>
                        <li><a href="bestellen.html">Inloggen</a></li>
                        <li><a href="webhosting.html">Registreren</a></li>
                        <li><a href="index.html">Startpagina</a></li>
        </ul>
</div>

Ik zal zo even kijken of het werkt, alvast bedankt!!

het werkt nu goed

Nielsie:
het werkt nu goedwat heb je veranderd dan?

hij had display-block: inline; dat moest dus display: inline-block; en nog wat dingetjes
En ik weet dat het goed is omdat het om onze lay gaat want we maken die site samen^^

die display had ik al gezegd dat hij dat moest veranderen..maar ja, als het werkt dan is het prima dan hoef ik geen moeite meer te doen