Hallo liebe Mitglieder,
ich habe da ein kleines Problem mit meinem Menü und hoffe jemand kann mir helfen.
Mein Template hat zwei Menübars die ich soweit richtig positioniert habe.
Die graue Menübar besteht aus zwei Bildern left und right.
Wenn ich mehr Seiten erstelle als in das Menü reinpassen wird eine zweite Zeile erzeugt.
Ich habe das mit repeat-y gelösst.
Die verschiedenen Seiten werden durch Linien getrennt. Border 1
Nur bildet sich zwischen der ersten Zeile und der zweiten ein Abstand der dazu führt das
die Trennlinien zwischen den Seiten versetzt sind.
Hier kann man das sehr gut erkennen.
Über Vodafone z.B sieht man das die linien direkt an der Bar darüber ausgerichtet werden aber nicht der komplette Balken.
Ist es möglich das ich keinen Abstand zwischen den grauen Balken habe???
Hier noch der Code Style.css
#secondarymenu-container{padding-top:6px;height:40px;position:relative;top:70px}
#menu-box{width:1000px;height:40px;margin-top:30px;margin-left:95px;margin-bottom: 40px;z-index:19}
#secondarymenu{float:left;background:url(images/topmenu-left.png) left top repeat-y;padding-left:19px; width: 980px;}
.menu-topmenu-container{background:url(images/topmenu-right.png) right top repeat-y;height:76px;padding:0px 3px}
#secondarymenu ul.menus{margin-left:-19px;padding:1px 0px}
#secondarymenu a{padding:9px 15px;border-left:1px solid #7a7a7a;border-right:1px solid #555;display:block;color:#fff;font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;margin:0px -1px}
#secondarymenu li:first-child a{border-left:none}
#secondarymenu li:last-child a{border-right:none}
#secondarymenu a:hover{background:url(images/top-li-active.png) left top repeat-x;text-decoration:none}
Im voraus schon mal vielen Dank!!!
