Få tingene til at stå lige ovenfor hinanden.

brug tables?

<div style="width: 200px;">
    <div style="float: left; width: 40%;">Selskabsdans</div>
    <div style="float: right; width: 40%;">Søndag kl. 17.00-18.20</div>

    <div style="clear: left; width: 40%;">Selskabsdans</div>
    <div style="float: right; width: 40%;">Søndag kl. 17.00-18.20</div>

    <div style="clear: left; width: 40%;">Selskabsdans</div>
    <div style="float: right; width: 40%;">Søndag kl. 17.00-18.20</div>

    <div style="clear: left; width: 40%;">Selskabsdans</div>
    <div style="float: right; width: 40%;">Søndag kl. 17.00-18.20</div>

    <div style="clear: left; width: 40%;">Selskabsdans</div>
    <div style="float: right; width: 40%;">Søndag kl. 17.00-18.20</div>

    <div style="clear: left; width: 40%;">Selskabsdans</div>
    <div style="float: right; width: 40%;">Søndag kl. 17.00-18.20</div>

    <div style="clear: left; width: 40%;">Selskabsdans</div>
    <div style="float: right; width: 40%;">Søndag kl. 17.00-18.20</div>
</div>

ups:

<div style="width: 400px;">
    <div style="float: left; width: 40%;">Selskabsdans</div>
    <div style="float: right; width: 40%;">Søndag kl. 17.00-18.20</div><br />

    <div style="float: left; width: 40%;">Selskabsdans</div>
    <div style="float: right; width: 40%;">Søndag kl. 17.00-18.20</div>

    <div style="float: left; width: 40%;">Selskabsdans</div>
    <div style="float: right; width: 40%;">Søndag kl. 17.00-18.20</div><br />

    <div style="float: left; width: 40%;">Selskabsdans</div>
    <div style="float: right; width: 40%;">Søndag kl. 17.00-18.20</div>

    <div style="float: left; width: 40%;">Selskabsdans</div>
    <div style="float: right; width: 40%;">Søndag kl. 17.00-18.20</div><br />

    <div style="float: left; width: 40%;">Selskabsdans</div>
    <div style="float: right; width: 40%;">Søndag kl. 17.00-18.20</div>
</div>

det er jo divs og ikke tables - jeg vil mene at til sådan en opgave vil tables være langt mere tilrådelig. ydermere vil det nok være en umiddelbart fordel at lave nogle flere inddelinger.

Det kommer til at stå hulter til bulter det meste af det

ok prøver lige

problemet er at jeg skal have afmærket linierne med noge farve hved hjælp af css sådan det er nemmere for folk at følge med i hvor de er henen af

<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td style="background-color: #CCCCCC;">selskabsdans</td>
    <td style="background-color: #CCCCCC;">Søndag kl.</td>
    <td style="background-color: #CCCCCC;">17.00-18.20</td>
</tr>
<tr>
    <td>latin jam</td>
    <td>Mandag kl.</td>
    <td>20.30-21.20</td>
</tr>
<tr>
    <td style="background-color: #CCCCCC;">rock'n'roll</td>
    <td style="background-color: #CCCCCC;">Mandag kl.</td>
    <td style="background-color: #CCCCCC;">19.30-20.20</td>
</tr>
</table>

ja okay... det jo et stort arbejde
hehe

men det virker fint..

hmm - hvis mine tables virker hvorfor går point så til gandso?

hov det så jeg ikke.. troede det var dig der skrev det første også.. sry..

Min virker vel også.

Keysersoze: hvor mange point vil du ha'?

men det virkede jo åbenbart ikke for snooby :)

Hvor mange point jeg skal have vil jeg mene snooby skal vurdere da de 15 point et eller andet sted stadig er hans - så hvis snooby melder ud hvordan de 15 point skal fordeles kan du oprette et spm med det der bliver vurderet der skal gå til mig.

Hey keysersoze... gå her ind og få dine point: http://www.eksperten.dk/spm/655409

-- og arbejdet kan blive langt mindre, hvis du bruger noget helt grundlæggende css:

<style type="text/css">
.minTabel{background-color:#eee;border-collapse:collapse;}
.minTabel td{margin:0;padding:0;border:none;}
.odd{background-color:#ccc;}
</style>

<table class="minTabel"cellspacing="0" cellpadding="0" border="0">
<tr class="odd">
    <td>selskabsdans</td>
    <td>Søndag kl.</td>
    <td>17.00-18.20</td>
</tr>
<tr>
    <td>latin jam</td>
    <td>Mandag kl.</td>
    <td>20.30-21.20</td>
</tr>
<tr class="odd">
    <td>rock'n'roll</td>
    <td>Mandag kl.</td>
    <td>19.30-20.20</td>
</tr>
</table>

-- og hvis man så gerne vil understrege, hvordan det er ved mouseover:

<script type="text/javascript">
function mOver(elm){
  elm.style.backgroundColor = "#fff";
}
function mOver(elm){
  elm.style.backgroundColor = "";
}
</script>

-- og events til (alle !-) tabelrækkerne:

<tr onmouseover="mOver(this)" onmouseout="mOut(this)">