Hai, HTML-Spezialisten,
ich hab da ein Problem (wer hätte das gedacht…):
ich will ein Menue mit Effekt, nur auf CSS basierend, bauen. Der Effekt
besteht in einem einfachen Wechsel der Hintergrundgrafik des
Menuepunktes bei hoover. Also hab ich eine unsortierte Liste angelegt,
den einzelnen Listenpunkten ein Hintergrundbild zugeordnet und bei
hoover über den Link, wird das Hintergrundbild des List-Punktes
gewechselt. Ausprobiert; Firefox macht’s genau so, wie ich mir das
gedacht habe - IE natürlich nicht 
Also hab ich das Hintergrundbild dem Anker selbst zugeordnet - nu
macht’s der IE - nur in Firefox ist die Hintergrundgrafik nur so hoch,
wie der Text des Links, also abgeschnitten.
Ich war der Meinung, die Höhe eines Links würde vom höchsten Inhalt
bestimmt - also, wenn da 'ne Grafik als Link verwendet wird, die 100px
hoch ist, dann ist auch der Link (und damit sein Hintergrund) ebenso
100px hoch - ist er aber scheinbar nicht…
Also: wat nu? Wie krieg ich Firefox dazu, das Hintergrundbild auf der
ganzen Höhe des Links darzustellen?
Die entsprechenden Schnipsel:
in der CSS:
...
menu.menue { background-image:url("fiximg/menuebg.gif");
position:absolute;
top:80px;
left:20px;
list-style-type:none;
list-style-position:inside;
...
}
menu.menue li { font-size:12pt;
font-weight:bold; }
img.symbol { vertical-align:middle;
border: solid 0px;
height:95px;
width:100px; }
a { height:100px;
border:1px solid black;
text-decoration:none;
background-image:url("fiximg/aus.gif");
background-repeat:no-repeat; }
a:link { color: #000000; }
a:visited { height:90px;
color: #333333;
text-decoration:none; }
a:hover { color: #666666;
text-decoration:none;
background-image:url("fiximg/an.gif");
background-repeat:no-repeat; }
...
und der HTML-Schnipsel:
...
…
Ideen?
Gruß
Sibylle
