Frage zu CSS-Formatierung im Menü aus we_demo
Verfasst: Fr 25. Nov 2005, 14:10
Hallo,
ich möchte das Menü aus der we_demo-Seite einbauen, was bis jetzt auch super geklappt hat. Jetzt habe ich aber ein Problem mit evtuell notwendigen zweizeiligen Links. Da ja der Link mit CSS als Block definiert ist, der eine feste Höhe (21px) hat.
}
#navContainer ul li a{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFE47B;
display: block;
height: 21px;
line-height: 18px;
padding-left: 22px;
margin-top: 0px;
font-size: 11px;
color: #000000;
text-decoration: none;
font-weight: bold;
background-image: url("../../layoutimg/b_menu.gif"); /* grpfeil normal */
}
Wenn der Link zweizeilig ist, wird im Firefox + Netscape der Linkblock nicht automatisch höher dargestellt.
http://web23.s146.weserver.net/Akademie ... nschen.php
Jetzt habe ich das CSS folgendermaßen angepasst und diese Zeile noch dazugefügt:
}
#navContainer a.zweizeilig:link a.zweizeilig:visited a.zweizeilig:hover {
height: 41px;
}
Der Redakteur soll bei zweizeiligen Links bei Linkattribute einfügen: class="zweizeilig"
Klappt aber nicht, die Linkbox wird nicht höher.
Kann mir jemand einen Tipp geben, wie ich eine Klasse innerhalb eines ID-Selektors vergebe?
Vielen Dank!
ich möchte das Menü aus der we_demo-Seite einbauen, was bis jetzt auch super geklappt hat. Jetzt habe ich aber ein Problem mit evtuell notwendigen zweizeiligen Links. Da ja der Link mit CSS als Block definiert ist, der eine feste Höhe (21px) hat.
}
#navContainer ul li a{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFE47B;
display: block;
height: 21px;
line-height: 18px;
padding-left: 22px;
margin-top: 0px;
font-size: 11px;
color: #000000;
text-decoration: none;
font-weight: bold;
background-image: url("../../layoutimg/b_menu.gif"); /* grpfeil normal */
}
Wenn der Link zweizeilig ist, wird im Firefox + Netscape der Linkblock nicht automatisch höher dargestellt.
http://web23.s146.weserver.net/Akademie ... nschen.php
Jetzt habe ich das CSS folgendermaßen angepasst und diese Zeile noch dazugefügt:
}
#navContainer a.zweizeilig:link a.zweizeilig:visited a.zweizeilig:hover {
height: 41px;
}
Der Redakteur soll bei zweizeiligen Links bei Linkattribute einfügen: class="zweizeilig"
Klappt aber nicht, die Linkbox wird nicht höher.
Kann mir jemand einen Tipp geben, wie ich eine Klasse innerhalb eines ID-Selektors vergebe?
Vielen Dank!