Heeft iemand zoiets liggen toevallig?
edit:
Stuk code die ik al had:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<style type="text/css" media="screen">
body
{
padding: 0;
margin: 0;
background-color: #666;
color: #000;
text-align: center;
}
#contents
{
margin-top: 10px;
margin-bottom: 10px;
margin-right:auto;
margin-left:auto;
width: 700px;
padding: 10px;
background-color: #FFF;
color: #000;
text-align: center;
}
em
{
color: #333;
background-color: transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}
fieldset .ol-wrapper {
margin: 0 auto;
text-align: center;
}
fieldset #attributen{
float: left;
}
fieldset #attributen li{
list-style: none;
}
fieldset #links, #rechts, #midden {
margin: 0;
padding: 0;
display: inline;
float: left;
text-align: center;
}
#midden {
margin: 40px 25px;
}
fieldset #links li, #rechts li {
color: #fff;
background-color: #333;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
width: 70px;
margin: 5px 0;
text-align: center;
vertical-align: top;
}
fieldset #links li img, #rechts li img{
width: 70px;
height: 70px;
}
.clearfloat {
clear:both;
font-size:1px;
height:0pt;
line-height:0px;
}
li{
list-style: none;
}
</style>
<script type="text/javascript">
function scrollTo(id){
document.getElementById('scroll').scrollTop = document.getElementById(id).offsetTop;
}
</script>
</head>
<body>
<div id="contents">
<fieldset>
<legend> <em>Maak je keuze</em> </legend>
<strong>25 punten</strong>
<div class="ol-wrapper">
<ol class="players" style="float:left;text-align:left" >
<li>
<label for="naam" onmouseover="scrollTo('1')" >to 1</label>
</li>
<li>
<label for="naam" onmouseover="scrollTo('2')">to 2</label>
</li>
<li>
<label for="naam" onmouseover="scrollTo('3')">to 3</label>
</li>
<li>
<label for="naam" onmouseover="scrollTo('4')">to 4</label>
</li>
<li>
<label for="naam" onmouseover="scrollTo('5')">to 5</label>
</li>
<li>
<label for="naam" onmouseover="scrollTo('6')">to 6</label>
</li>
<li>
<label for="naam" onmouseover="scrollTo('7')">to 7</label>
</li>
<li>
<label for="naam" onmouseover="scrollTo('8')">to 8</label>
</li>
</ol>
<div id="links">
<h4 style="background-color:#FFAE00;">
H4
</h4>
<ol style="overflow:auto;height:400px;margin: 0;padding:0px;" id="scroll">
<li>
<img src="images/block.gif" alt="" />
<label for="naam" id="1" >Block</label>
</li>
<li>
<img src="images/block.gif" alt="" />
<label for="naam" id="2">Block</label>
</li>
<li>
<img src="images/block.gif" alt="" />
<label for="naam" id="3">Block</label>
</li>
<li>
<img src="images/block.gif" alt="" />
<label for="naam" id="4">Block</label>
</li>
<li>
<img src="images/block.gif" alt="" />
<label for="naam" id="5" >Block</label>
</li>
<li>
<img src="images/block.gif" alt="" />
<label for="naam" id="6">Block</label>
</li>
<li>
<img src="images/block.gif" alt="" />
<label for="naam" id="7">Block</label>
</li>
<li>
<img src="images/block.gif" alt="" />
<label for="naam" id="8">Block</label>
</li>
</ol>
</div>
<br class="clearfloat"/>
</div>
</fieldset>
</div>
</body>
</html>
