Hallo zusammen. Ich habe ein Problem, bei dem ich trotz Forensuche noch keine Lösung gefunden habe.
Ich benutze das Template Excution und möchte den Links im Hauptmenü eine feste Breite zuweisen, z.B. 200px.
Siehe hier
Wenn ich jedoch in der CSS Datei eine Breitenangabe mache, ändert sich nicht. Könnte mir jemand weiterhelfen?
Habe auch mal den Teil der CSS angehängt, der für das Menü zuständig ist.
Bedanke mich Vorraus.
/* - MENU - */
#menulayer {
width: 770px;
height: 40px;
background: #transparent url(../images/menu.png) no-repeat;
margin: 0px;
padding: 0px;
text-align: right;
overflow: hidden;
position: relative;
margin-top: -40px;
z-index: 2;
}
#menulayer #menu {
width: 770px;
height: 40px;
margin: 0px;
padding: 0px 20px 0px 0px;
text-align: right;
overflow: hidden;
line-height: 35px;
background: transparent;
color: #52575D;
font-weight: bolder;
position: absolute;
top: 0px;
right: 0px;
z-index: 3;
}
#menulayer #menu ul {
margin: 0px auto;
padding: 0px;
}
#menulayer #menu li {
display: inline;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#menulayer #menu li a {
text-decoration: none;
height: 40px;
width: 200px;
font-size: 11px;
line-height: 37px;
padding: 10px 10px 10px 10px;
background: transparent;
color: #52575D;
font-weight: bold;
}
#menulayer #menu li a:hover {
text-decoration: underline;
height: 40px;
width: 200px;
font-size: 11px;
line-height: 37px;
padding: 10px 10px 10px 10px;
background: transparent;
color: #52575D;
font-weight: bold;
}
#menulayer #menu li a.aktiv, #menulayer #menu li a.aktiv:hover {
text-decoration: none;
height: 40px;
width: 200px;
font-size: 11px;
line-height: 37px;
padding: 10px 10px 10px 10px;
background: transparent;
color: #52575D;
font-weight: bold;
}