Hallo allerseits,
ich hab dich da wohl mal wieder voll verrannt.
wer kann mir sagen wie ich es hinbekomme das die <a> die in das mainmenu geschrieben werden horizontal, und jetzt kommts, und über die volle breite von 940 px dargestellt werden. ich meine damit das jenachdem wieviele <a> Elemente da sind das ganze sich prozentual anpasst.
<div id="head">
<div id="mainmenu">
<a href="index.php?id=3">Start</a><a href="index.php?id=11">Beratung</a><a href="index.php?id=20">Information</a>
</div>
<div id="logo">
###LOGO###
</div>
</div>
#head {
background-image:url('images/header.jpg');
background-repeat:no-repeat;
height:260px;
position:relative;
text-align:center;
}
#mainmenu {
position:absolute; top:182px; left:10px;
background-image:url('mainnav-no.jpg');
background-repeat:repeat-x;
height:42px;
width:940px;
}
#mainmenu a{
background-image:url('images/mainnav-no.jpg');
background-repeat:repeat-x;
height:42px;
text-decoration:none;
text-align:center;
font-size:11px;
color:black;
float:left;
width:auto;
padding-top:12px;
min-width:200px;
width:100%;
}
#mainmenu a:hover {
background-image:url('images/mainnav-ro.jpg');
}
#mainmenu a:active {
background-image:url('images/mainnav-ac.jpg');
}