J. Nielsen wrote:
> Det jeg gerne vil lave er noget i retningen af:
>
> 1998 Danmark vandt næsten over Brasilien ved VM i Frankrig.
> 1994 Ingen deltagelse.
> 1990 Ingen deltagelse efter smertefuldt nederlag i
> Bukarest.
[snip CSS eksempel]
> Men det virker ikke rigtig. Det er som om, at der ikke bliver
> lavet en ny linie efter p.text2 selvom jeg har sat margin-bottom
> til 20 px.
Det skyldes nok, at du bruger absolut positionering.
Prøv i stedet følgende:
<dl class="tabbed">
<dt>1998</dt>
<dd>Danmark vandt næsten over Brasilien ved VM i Frankrig</dd>
<dt>1994</dt>
<dd>Ingen deltagelse.</dd>
<dt>1990</dt>
<dd>Ingen deltagelse efter smertefuldt nederlag i Bukarest.</dd>
</dl>
Umiddelbart kan jeg komme på to måder at gøre det ønskede:
Denne løsning er den simpleste rent kodemæssigt, men udløser desværre
Internet Explorers 3-pixel-bug grundet brug af float:
dl.tabbed dt {
float: left;
}
dl.tabbed dd {
margin-left: 4em;
}
Hvorimod denne løsning er noget små-fnidder (IMHO) grundet brugen af
negative værdier, men den ser dog ud til at virke:
dl.tabbed dt {
line-height: 1.5em;
}
dl.tabbed dd {
line-height: 1.5em;
margin: -1.5em 0 0.25em 4em;
}
--
Anders Thorsen Holm |
http://www.daimi.au.dk/~zoolook/
Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor:
http://www.daimi.au.dk/~zoolook/?page=fona