nicht angemeldet
Hallo zusammen,
ich habe ein Problem das mich als HTML Anfänger überfordert:
ich will auf meiner entstehenden Homepage eine Linkleiste über den Hauptframe haben. Diese habe ich so programmiert:~~~html
<style type="text/css">
#a1 {
position: absolute; top: 0px; left: 612px; }
#a2 {
position: absolute; top: 0px; left: 459px; }
#a3 {
position: absolute; top: 0px; left: 306px; }
#a4 {
position: absolute; top: 0px; left: 153px;}
#a5 {
position: absolute; top: 0px; left: 0px}
#back { position:absolute;top:0px;left:0px}
a:link
{
text-decoration: none;
text-underline: none; }
</style>
</head>
<body text="#000000"style="background-image:url(../linkleise bilder/2.hintergrund.jpg);background-repeat:no-repeat;" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div id="back"><img src="../linkleise bilder/2.hintergrund.jpg" alt="" border="0" width="960" height="45"></div>
<div id="a5"><table style="margin-left:3px;"background="../linkleise bilder/schwarzweiß.jpg" width="150" height="45" onmouseover="this.style.backgroundImage='url(../linkleise bilder/bessergrün.jpg)'" onmouseout="this.style.backgroundImage='url(../linkleise bilder/schwarzweiß.jpg)'">
<td><p align="center"><a href="slideshows/frame.html" target="frame" ><font color="#2323dc"><font face="Trajan pro">Home</font></font></font></p></td></table></div>
<div id="a4"><table style="margin-left:3px;"background="../linkleise bilder/schwarzweiß.jpg" width="150" height="45" onmouseover="this.style.backgroundImage='url(../linkleise bilder/bessergrün.jpg)'" onmouseout="this.style.backgroundImage='url(../linkleise bilder/schwarzweiß.jpg)'">
<td><p align="center"><a href="Training.html" target="frame" ><font color="#2323dc"><font face="Trajan pro">Training</font></font></font></p></td></table></div>
<div id="a3"><table style="margin-left:3px;"background="../linkleise bilder/schwarzweiß.jpg" width="150" height="45" onmouseover="this.style.backgroundImage='url(../linkleise bilder/bessergrün.jpg)'" onmouseout="this.style.backgroundImage='url(../linkleise bilder/schwarzweiß.jpg)'">
<td><p align="center"><a href="Ergebnisse.html" target="frame" ><font color="#2323dc"><font face="Trajan pro">Ergebnisse</font></font></font></p></td></table></div>
<div id="a2"><table style="margin-left:3px;"background="../linkleise bilder/schwarzweiß.jpg" width="150" height="45" onmouseover="this.style.backgroundImage='url(../linkleise bilder/bessergrün.jpg)'" onmouseout="this.style.backgroundImage='url(../linkleise bilder/schwarzweiß.jpg)'">
<td><p align="center"><a href="Gästebuch.html" target="frame" ><font color="#2323dc"><font face="Trajan pro">Gästebuch</font></font></font></p></td></table></div>
<div id="a1"><table style="margin-left:3px;position:absolut;top:0px;left:765px"background="../linkleise bilder/schwarzweiß.jpg" width="150" height="45" onmouseover="this.style.backgroundImage='url(../linkleise bilder/bessergrün.jpg)'" onmouseout="this.style.backgroundImage='url(../linkleise bilder/schwarzweiß.jpg)'">
<td><p align="center"><a href="Gästebuch.html" target="frame" ><font color="#2323dc"><font face="Trajan pro">Galerie</font></font></font></p></td></table></div>
Dieser funktioniert auch im Phase5 Editor sehr gut und sieht dort so aus:
[http://img4web.com/view/N95X2P](http://img4web.com/view/N95X2P)
(die Maus wäre jetzt auf dem grünen Feld)
Wenn man die Datei aber in Google Chrome,IE,Mozilla Firefox stellt, sieht sie so aus:
[http://img4web.com/view/R7ENGR](http://img4web.com/view/R7ENGR)
Hier funktioniert auch der Onmouseovereffekt nicht.
Ich würde mich über eure Hilfe freuen,
mit freundlichen Grüßen aus dem Allgäu.
MudGuard
Der Martin