onmouseover scroll
halløj med jer...Jeg har et problem med min hjemmeside.
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Galleriet</title>
</head>
<body>
<center>
<div id="body">
<div id="galleri">
</div>
<div id="noga">
</div>
<div id="dot">
</div>
<div id="lcor1">
</div>
<div id="lcor2">
</div>
<div id="rcor1">
</div>
<div id="rcor2">
</div>
<div id="udot">
</div>
<div id="ddot">
</div>
<div id="over">
<div id="main">
<p>teksten...</p>
</div>
</div>
</div>
</center>
</body>
</html>
og stylesheed
body {
margin: 0px 0px 0px 0px;
background-color: #7d0000;
scrollbar-face-color: #4e0000;
scrollbar-arrow-color: #4e0000;
scrollbar-track-color: #3e0000;
scrollbar-shadow-color: #4e0000;
scrollbar-highlight-color: #4e0000;
scrollbar-3dlight-color: #4e0000;
scrollbar-darkshadow-Color: #4e0000;
overflow-y: hidden;
}
#body {
position: relative;
top: 20px;
width: 369px;
height: 270px;
background-color: #3e0000;
}
#noga {
position: absolute;
top: 0px;
left: 0px;
width: 251px;
height: 42px;
background-image: url("gfx/noga.gif");
}
#galleri {
position: absolute;
top: 0px;
left: 265px;
width: 104px;
height: 42px;
background-image: url("gfx/galleri.gif");
}
#rcor1 {
position: absolute;
top: 246px;
left: 227px;
width: 24px;
height: 24px;
background-image: url("gfx/rcor.gif");
}
#rcor2 {
position: absolute;
top: 246px;
left: 345px;
width: 24px;
height: 24px;
background-image: url("gfx/rcor.gif");
}
#lcor1 {
position: absolute;
top: 246px;
left: 0px;
width: 24px;
height: 24px;
background-image: url("gfx/lcor.gif");
}
#lcor2 {
position: absolute;
top: 246px;
left: 265px;
width: 24px;
height: 24px;
background-image: url("gfx/lcor.gif");
}
#dot {
position: absolute;
top: 53px;
left: 251px;
width: 14px;
height: 182px;
background-image: url("gfx/dot.gif");
}
#udot {
position: absolute;
top: 0px;
left: 251px;
width: 14px;
height: 53px;
background-color: #7d0000;
}
#ddot {
position: absolute;
top: 235px;
left: 251px;
width: 14px;
height: 38px;
background-color: #7d0000;
}
#over {
position: absolute;
top: 0px;
left: 0px;
width: 369px;
height: 270px;
}
#main {
position: absolute;
top: 42px;
left: 0px;
width: 251px;
height: 204px;
padding-left: 5px;
padding-right: 5px;
text-align: justify;
overflow-y: hidden;
}
diven main skal kunne scrolles lodret ved hjælp af to billeder, der har en mouseover efekt.
Jeg har set at der er mange andre spørgsmål af samme slags, men jeg ved ikke så meget om java, så jeg har ikke været i stand til at forstå svarne...
