testa att leka med följande
[red]
dl {
line-height:16px
}
dt {
position:relative;
margin:12px 0 0 0;
width:80px
}
dd {
margin:-16px 0 0 80px
}[/red]
mv icaaq
2 svar · 229 visningar · startad av Troxy
Hej! Jag vill ha definitionsdatan till höger om titeln. Det fungerar fint, ända tills man vill ha två rader. Då hoppar texten tillbaka till vänster igen, eftersom definitionstiteln inte räcker till.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
dt
{
margin: 0;
padding: 0;
width: 125px;
float: left;
font-weight: bold;
}
dd
{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<dl>
<dt>Definitionstitel</dt>
<dd>Definitionsdata</dd>
<dt>Definitionstitel</dt>
<dd>Definitionsdata1<br>
definitionsdata2</dd>
<dt>Definitionstitel</dt>
<dd>Definitionsdata</dd>
</dl>
</body>
</html>
Hjälp tack! Vill inte använda tabeller helst...
testa att leka med följande
[red]
dl {
line-height:16px
}
dt {
position:relative;
margin:12px 0 0 0;
width:80px
}
dd {
margin:-16px 0 0 80px
}[/red]
mv icaaq
<dt>Definitionstitel</dt> <dd>Definitionsdata1<br> definitionsdata2</dd>
Borde det inte vara:
<dt>Definitionstitel</dt>
<dd>Definitionsdata1</dd>
<dd>definitionsdata2</dd>
?