Dropdownmenu horizontal centreren

Door op 16 september 2008

hallo

Ik heb op mijn site een dropdown menu. Deze wil ik horizontaal centreren en ik wil ook dezelfde afstand hebben tussen de menupunten.
kan helaas de html hier niet plaatsen of wel?

de css:

#nav,
#nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
width:8em;

}

#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
background-image:url(aa_zwart_18.jpg)
}

#nav a {
display: block; font-family:"Times New Roman", Times, serif ; font-size:24px ; font-weight:bold ; color:#999999
}
ul a{
font-weight: bold;
font-family:"Times New Roman", Times, serif ; font-size:16px ; font-weight:bold ; color:#999999
}

ul ul a:link, ul ul a:visited{
font-weight: bold;
font-family:"Times New Roman", Times, serif ; font-size: 16px ; font-weight:bold ; color:#999999
}

ul ul a:hover, ul ul a:active{
font-weight: bold;
font-family:"Times New Roman", Times, serif ; font-size:16px ; font-weight:bold ; color:#999999
}

ul li{
background-image:url(aa_zwart_18.jpg) ; font-family:"Times New Roman", Times, serif ; font-size:16px ; font-weight:bold ; color:#999999
}

ul ul li{ background-image:url(aa_zwart_18.jpg); font-family:"Times New Roman", Times, serif ; font-size:16px ; font-weight:bold ; color:#999999
}

/* IE only hack */
* html ul li, * html ul ul li{
border-bottom: 3px solid #FFF;
}

* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */


___________________________________________________________

het hele menu heb ik met behulp van deze website gemaakt: http://www.sceneone.nl/tips_tricks/drop_down_menu.php

zover ik het zien is het hetzelfde als het suckerfish dropdown menu.

ik heb al van alles uitgeprobeert maar het menu blijft an linker kant staan.
Wil wil mij helpen?

Alvast bedankt
Riccy


Je kunt een reactie, achterlaten of een trackback van uw eigen site.

3 Reacties op “Dropdownmenu horizontal centreren”

  1. 17 september 2008 om 08:28
    Arjan

    ja HTML, of beter zelfs, een voorbeeld site zou erg helpen..

    als je het hele menu wilt centreren tov de breedte van je site kun je margin: 0 auto; toevoegen aan je ul#nav..

    PS: html kun je heir prima plaatsen, maar zet er even (net als bij de CSS) een <code> tag omheeen (zonder de spaties uiteraard ;-) )

    Reageer
  2. 17 september 2008 om 09:10
    Riccy

    Hoi Arjan

    thx voor je andwoord.

    Een voorbeeld site kan ik nu nog niet geven omdat ik de hele site aan het veranderen ben. Maar het gaat om deze site: http://www.loetje.nl
    Ben er mee bezig om deze site in xhtml om te zetten en zonder frames.
    Ik zal waarschijnlijk met nog meer vragen komen.
    Met (margin: 0 auto) had ik het ook al geprobeert maar dat lukt ook niet.
    goed hier nu de html


    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


    ik heb de html code ook al gevalidert maar kom er niet uit. De validator geeft mij verder geen fouten an.
    Ik werk met het programa dreamweaver.
    ik heb het ook al geprobeert het hele menu in een div tag te zetten maar dat werkte ook niet.
    Ik denk dat ik ergens in de html of in de css een foutje heb, maar kom er zelfs niet uit.
    alvast bedankt,
    Riccy

    Reageer
  3. 19 september 2008 om 08:35
    Riccy

    niemand???? :s

    Reageer

Reageer!