liste og overflow
Jeg har nedenstående kode.Jeg vil gerne have alle <li> elementer til at ligge i enden af hinanden horizontalt (som de gør nu), men samtidig skal de ikke automatisk gå ned på næste linje når den når enden af rammen for "div". Her skal den fortsætte og lave scrollbar på <div>.
Jeg tror det er noget med overflow, men det vil ikke lykkedes for mig at virke.
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>Titel</TITLE>
<META http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
ul.oversigt {
list-style-type : none;
margin : 0;
padding : 0;
}
li.oversigt_overskrift {
display : inline;
border : 1px SOLID #CCCCCC;
padding : 3px;
font-size : 8pt;
}
</style>
</HEAD>
<BODY bgcolor="#FFFFFF" >
<div style="position: relative; margin: auto; width: 700px; height: 500px; border: 1px SOLID #CCCCCC; overflow: auto;" >
<div style="position: relative; margin: auto; overflow:auto" >
<ul style="" >
<li class="oversigt_overskrift" style="width: 100px;" >14/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >15/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >16/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >17/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >18/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >19/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >20/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >21/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >22/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >23/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >24/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >25/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >26/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >27/07 2012</li>
<li class="oversigt_overskrift" style="width: 100px;" >28/07 2012</li>
</ul>
</div>
</div>
</body>
