In folgendem CSS-formatiertem Menu öffnet sich bei Klick auf einen Menu-Punkt eine Gruppe von Unterpunkten. Das klappt einwandfrei; allerdings sollte der Zeilenabstand dabei nur so groß sein wie in nicht-angeklickten Zustand; er ist aber doppelt so groß: die Zellen springen zu weit auseinander.
Wenn man bei a.menuepunkt2 die Zeile display:block herausnimmt, klappt es zwar; dann sind aber die Zellen nicht gleich lang.
Was ist zu tun?
J. Schlör
============
mbartest1.htm:
Test
function oeffnen(oObject)
{
if (oObject.style.display == „none“)
oObject.style.display = „“;
else
oObject.style.display = „none“;
}
function schliessen(oObject)
{
oObject.style.display = „none“;
}
Aktuell 1
Aktuell 2
Aktuell 3
Aktuell 4
Interessantes
Klassenfotos
Download
Tageszeitung
Kino
Die Homepage
Statistik
Technik
Redaktion
============
mbartest1.css:
body{color:#ffffff;}
a.menuepunkt
{
font-family: Arial Black;
font-size:12px;
background:#5A71A0;
text-align:left;
display:block;
border: silver solid 1px;
padding: 0px;
border-top : 3px outset #eeffff;
border-left : 3px outset #ddeeee;
border-right : 3px outset #eeffff;
border-bottom : 3px outset #ddeeee;
text-decoration: none
}
a.menuepunkt:active
{
color:#5A71A0;
background-color:#FFFFFF;
text-decoration: none;
}
a.menuepunkt:hover
{
color:#5A71A0;
background-color:#efefef;
text-decoration: none;
}
a.menuepunkt2
{
font-family: Arial Black;
font-size:12px;
background:#aabbcf;
text-align:right;
display:block;
border: silver solid 1px;
padding: 0px;
text-decoration: none;
border-top : 3px outset #eeffff;
border-left : 3px outset #5975AF;
border-right : 3px outset #eeffff;
border-bottom : 3px outset #5975AF;
text-decoration: none
}
a.menuepunkt2:active
{
color:#9DAED1;
background-color:#FFFFFF;
text-decoration: none;
}
a.menuepunkt2:hover
{
color:#5A71A0;
background-color:#FFFFFF;
text-decoration: none;
}