Problem med definitionslista

2 svar · 229 visningar · startad av Troxy 5 apr. 2005

TroxyMedlem sedan mars 20041 508 inlägg

5 apr. 2005 11:56#1

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...

icaaqMedlem sedan okt. 20004 910 inlägg

5 apr. 2005 13:01#2

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

OlleBoopMedlem sedan feb. 20001 432 inlägg

5 apr. 2005 13:10#3

<dt>Definitionstitel</dt>
	<dd>Definitionsdata1<br>
	definitionsdata2</dd>

Borde det inte vara:


<dt>Definitionstitel</dt>
	<dd>Definitionsdata1</dd>
	<dd>definitionsdata2</dd>