nicht angemeldet
Hallo @ all !
Ich habe folgendes Problem bei meiner Homepage die ich noch nich auf einen server geladen habe:
Und zwar habe ich bei meinen Buttons einen Mouseover-Effekt benutzt.
Dieser hat auch wunderbar in meinem index funktioniert, bis ich den "iframe" eingefügt habe und alles positioniert habe.
Bevor ich auf einen der Buttons klicke, sieht alles super aus:
http://img170.imageshack.us/img170/2366/56394601an5.jpg
nachdem ich aber mit der maus über einen der buttons fahre, passiert folgendes:
http://img154.imageshack.us/img154/8143/27638383bq1.jpg
die buttons verschieben sich und der header verschwindet ganz..
ich weiß nicht was ich noch versuchen soll !
Habe es bei Firefox und beim Internet Explorer ausprobiert,
bei beiden ist es das gleiche Ergebniss.
Bitte um Hilfe!
MfG, L.C.
_______________________________________________________________________________________________________________
HIER IST DER QUELLCODE MEINES INDEX:
<html>
<title>.::IT-Crew 2007 - Das Internet::.</title>
<body background="hintergrund/hintergrund.JPG">
<center>
<img src="hintergrund/banner.jpg" border="0">
</center>
<head>
<style>
<center>
<Mouseovereffekt>
</style>
<script type="text/javascript">
<!--
standart1 = new Image();
standart1.src = "button/1/home1.JPG";
mouseover1 = new Image();
mouseover1.src = "button/2/home2.JPG";
standart2 = new Image();
standart2.src = "button/1/geschichte1.JPG";
mouseover2 = new Image();
mouseover2.src = "button/2/geschichte2.JPG";
standart3 = new Image();
standart3.src = "button/1/funktion1.JPG";
mouseover3 = new Image();
mouseover3.src = "button/2/funktion2.JPG";
standart4 = new Image();
standart4.src = "button/1/browser1.JPG";
mouseover4 = new Image();
mouseover4.src = "button/2/browser2.JPG";
standart5 = new Image();
standart5.src = "button/1/sonstiges1.JPG";
mouseover5 = new Image();
mouseover5.src = "button/2/sonstiges2.JPG";
standart6 = new Image();
standart6.src = "button/1/impressum1.JPG";
mouseover6 = new Image();
mouseover6.src = "button/2/impressum2.JPG";
function change(nummer,object) {
window.document.images[nummer].src = object.src;
}
//-->
</script></head></center>
<center>
<a href="home.html" target="iframe" onMouseOver="change(0,mouseover1)" onMouseOut="change(0,standart1)"><img src="Button/1/home1.JPG"><alt="Home" border="0"></a>
<a href="geschichte.html"target="iframe" onMouseOver="change(1,mouseover2)" onMouseOut="change(1,standart2)"><img src="Button/1/geschichte1.JPG"><alt="Geschichte" border="0"></a>
<a href="funktion.html"target="iframe" onMouseOver="change(2,mouseover3)" onMouseOut="change(2,standart3)"><img src="Button/1/funktion1.JPG"><alt="Funktion" border="0"></a>
<a href="browser.html"target="iframe" onMouseOver="change(3,mouseover4)" onMouseOut="change(3,standart4)"><img src="Button/1/browser1.JPG"><alt="Browser" border="0"></a>
<a href="sonstiges.html"target="iframe" onMouseOver="change(4,mouseover5)" onMouseOut="change(4,standart5)"><img src="Button/1/sonstiges1.JPG"><alt="Sonstiges" border="0"></a>
<a href="impressum.html"target="iframe" onMouseOver="change(5,mouseover6)" onMouseOut="change(5,standart6)"><img src="Button/1/impressum1.JPG"><alt="Impressum" border="0"></a>
</center>
<center>
<iframe height="500" width="55%" src="home.html" name="iframe" scrolling="auto">
</center>
</body>
</html>