Ik heb al heel lang een dropdownscript, maar nu ik een nieuwe site aan het maken ben, wil ik zorgen dat het dropdown wordt gecentreerd ipv links uitlijnen.
Hier zie je het probleem
/* MENUBALK */
iv.horz_menu a { display: block; float: center; }
div.vert_menu a { display: block; float: center; }
div.vert_menu
{
position: absolute;
visibility: hidden;
}
/* ----- Menu --- */
td.menu2 div.vert_menu { border-bottom: 1px solid #003366; }
td.menu2 div.vert_menu a {
border: 0px solid #003366;
width: 150px;
height: 25px;
line-height: 24px;
vertical-align: center;
background: url('http://www.astroversum.nl/testsite/afbeeldingen/astroversum/achtergrond.menu2.gif') 0px 0px;
text-decoration: none;
text-align: center;
font-family: Tahoma;
font-weight: 900;
font-size: 8pt;
color: #000000
}
td.menu2 div.horz_menu a
td.menu2 div.vert_menu a
td.menu2 div.horz_menu a:hover,
td.menu2 div.vert_menu a:hover { background-position: 0px 0px; }
td.menu2 div.horz_menu a.parent,
td.menu2 div.vert_menu a.parent
{
background-position: 0px 0px;
}
td.menu2 div.horz_menu a.active,
td.menu2 div.vert_menu a.active,
td.menu2 div.horz_menu a.active:hover,
td.menu2 div.vert_menu a.active:hover
{
background-position: 25px 25px;
}Dit was de code van het css bestand. In de eerste regel hoort normaal div_horz.. te staan, maar wanneer ik div invul, staat het menu onder elkaar, dus misschien daar ook iets voor te doen (hoeft niet, want doel van dit topic is centreren).
Alvast bedankt, :)
