Button und Balken... IE6 + FF2
0 0 
rfb
Button und Balken... IE6 + FF2
Hi und einen angenehmen 3. Advent der selfhtml- Gemeinde :-)
DARUM GEHTS:
auf der Seite die ich grad "mache", gibts eine Menüleiste ganz oben, auf der sind Button verteilt (Bilder, die per JavaScript wechseln). Die sollen aber nicht direkt nebeneinander liegen, sondern einen gewissen Abstand (z.B. 15% Fenstergrösse) haben.
PROBLEM:
Im IE(6) werden unten, da wo die Bilder zuende sind, so kleine schwarze Balken angezeigt, ich weiss nicht wieso...
Ausserdem gab es, nachdem ich in die Bildtags von den Buttons ein margin (zum Abstand- halten) eingefügt hatte, einen kleinen schmalen Bereich, da wo beim IE die kleinen schwarzen Balken sind, der auch reaktiv war, sowohl beim FF, als auch beim IE...
ICH hab keinen Plan, wieso das so ist, und wie ichs wegbekomme.
Bin für jeden Ratschlag dankbar :-)
T
Quelltext:
...JavaScript zum Bilder wechseln...
<body marginwidth="0" marginheight="0" onLoad="MM_preloadImages('../../images/Design2_04.jpg','../../images/Design2_06.jpg','../../images/Design2_08.jpg','../../images/Design2_10.jpg')">
<div align="center">
<div id="Leiste" align="center">
<img src="images/Design_03.jpg" border="0" align="left">
<img src="images/Design_15.jpg" border="0" align="right">
<a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image1','','images/Design2_07.jpg',1)">
<img src="images/Design_07.jpg" name="Image1" border="0">
</a>
<a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image2','','images/Design2_09.jpg',1)">
<img src="images/Design_09.jpg" name="Image2" border="0">
</a>
<a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image3','','images/Design2_11.jpg',1)">
<img src="images/Design_11.jpg" name="Image3" border="0">
</a>
<a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image4','','images/Design2_13.jpg',1)">
<img src="images/Design_13.jpg" name="Image4" border="0">
</a>
<div align="center" id="Logo">
<img src="images/Design_25.jpg" border="0">
</div>
</div>
</div>
</body>
-
Ich glaube es wäre sehr hilfreich, wenn man sich das irgendwo mal anschauen könnte. Hast 'n Link? :-)
Gruß
Anna~ -
Moin
<a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image1','','images/Design2_07.jpg',1)">
<img src="images/Design_07.jpg" name="Image1" border="0">
</a>Hier sind 2 Zeilenumbrüche im Quellcode innerhalb des Links.
Der IE stellt die als Leerzeichen (White-Space) dar, links und rechts vom Bild.
Und da sie innerhalb eines Links sind werden sie unterstrichen.Gruß
rfb