nicht angemeldet
Hallo
Das ist der Quell Text meiner Seite.
<html>
<head>
<style type="text/css">
<!--
#Aufbau {
position:absolute; top:20%; left:45%; width:90px; height:50px;
font-family:'Arial'; font-size:36px;
color:#000000;z-index:1;
}
#Aufbau1 {
position:absolute; top:27%; left:45%; width:90px; height:50px;
font-family:'Arial'; font-size:12px;
color:#000000;z-index:1;
}
#Link {
position:absolute; top:34%; left:10%; width:90px; height:50px;
font-family:'Arial'; font-size:12px;
color:#000000;z-index:2;
}
#Forum {
position:absolute; top:24%; left:10%; width:90px; height:50px;
z-index:2;
}
#Counter {
position:absolute; top:90%; left:2%; width:90px; height:50px;
}
#Gästebuch {
position:absolute; top:44%; left:10%; width:300px; height:50px;
z-index:2;
}
#Ver {
position:absolute; top:90%; left:45%; width:300px; height:50px;
font-family:'Arial'; font-size:12px;
color:#000000;z-index:1;
}
#links {
position:absolute; top:14%; left:10%; width:300px; height:50px;
font-family:'Arial'; font-size:12px;
color:#000000;
z-index:2;
}
#maillink {
position:absolute; top:54%; left:10%; width:90px; height:50px;
z-index:2;
}
#Button1 {
position:absolute; top:40%; left:3%; width:90px; height:50px;
z-index:1;
}
#Button2 {
position:absolute; top:10%; left:3%; width:90px; height:50px;
}
#Button3 {
position:absolute; top:20%; left:3%; width:90px; height:50px;
z-index:1;
}
#Button4 {
position:absolute; top:30%; left:3%; width:90px; height:50px;
}
#Button5 {
position:absolute; top:50%; left:3%; width:90px; height:50px;
z-index:1;
}
-->
</style>
<title>Home</title>
<meta name="author" content="Kai">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<script type="text/javascript">
standart1 = new Image();
standart1.src = "bild1.jpg";
mouseover1 = new Image();
mouseover1.src = "bild2.jpg";
function change(nummer,object) {
window.document.images[nummer].src = object.src;
}
</script>
<div id="Aufbau">Hallo</div>
<div id="Aufbau1">Diese Seite ist noch im Aufbau!</div>
<div id="link"><a href="umfrage.html">Umfrage</a></div>
<div id="Ver"><u>Ich bin nicht für die Inhalte dieser Seite verandwortlich!</u></div>
<div id="Gästebuch"><a href="http://www.voteonline5.de/book/book.cgi?Seite1&id=57564" onClick='window.open("","clickvote","width=488,height=500,scrollbars=yes,resizable=yes,menubar=no");' target="clickvote">Gästebuch</a></div>
<div id="Counter"><!--Anfang VoteOnline Counter ID=53853--><SCRIPT LANGUAGE="JavaScript">var design=10;var idi=53853; idl=30; dfg=38;</script><script language="JavaScript" src="http://www.voteonline3.de/cgi-real/realcount" type="text/javascript"></script><!--Ende VoteOnline Counter ID=53853--></div>
<div id="Forum"><a href="http://www.voteonline5.de/forum/show.pl?site=24226">Forum</a></div>
<div id="links"><s>Links</s></div>
<div id="maillink"><a href="impressum.html">Mail Me</a></div>
<div id="Button1"><img src="buttonop.gif" width="144" height="52" border="0" alt=""></div>
<div id="Button2"><img src="buttonop.gif" width="144" height="52" border="0" alt=""></div>
<div id="Button3"><img src="buttonop.gif" width="144" height="52" border="0" alt=""></div>
<div id="Button4"><img src="buttonop.gif" width="144" height="52" border="0" alt=""></div>
<div id="Button5"><img src="buttonop.gif" width="144" height="52" border="0" alt=""></div>
<body text="#000000" bgcolor="#FFFFFF" link="#000000" alink="#000000" vlink="#1F00FF">
<a href="http://www.w3c.org/" onMouseOver="change(0,mouseover1)" onMouseOut="change(0,standart1)">
<img src="bild1.jpg" border="0" alt="Home">
</a>
</body>
</html>
Ich wollte einen mous Over machen aber kriege es nicht hin.
Ich kann es nicht verschieben.
meine 2 Frage ist bei CSS ist das ja so wenn man Top:30px; angibt dann íst der Take 30 px von oben endvernd aber wie sieht es bei Java Script aus wie sind da die befehle für so was.
Mec