Hallo zusammen,
ich habe zurzeit ein kleines Problem mit meinem CSS Code, und zwar sind meine Menü Items unterschiedlich breit.
Das Item was nach dem Aktiven Item kommt ist okay, aber das nächste ist zuweit auseinander. (Will das beides gleich breit ist)
[Blocked Image: http://www.image24.net/uploads/f61bf5613aunbenannt.png]
CSS
#mainMenu {
position: relative;
margin-top: -28px;
left: -100px;
z-index: 100;
}
#mainMenu > ul {
background-color: transparent !important;
text-align: center;
}
.mainMenu > ul > li.active {
background:#3a6784;
text-shadow:0px 1px 1px #315770!important;
box-shadow:0px 1px 0px 0px #2c4e63,0px 2px 0px 0px #355f79,0px 1px 2px 0px #000;
border-radius: 4px !important;
}
.mainMenu > ul > li > a {
background: none repeat scroll 0% 0% transparent;
font-size: 12px;
color: #FFF;
text-shadow: 0.5px 0.866px 1px #000;
padding: 5px 30px;
min-height: 18px;
margin-top: -5px;
}
.mainMenu > ul > li:not(:last-child) > a {
border-right: none !important;
}Gibt es eventuell eine bessere Lösung für die mainMenu buttons?
