webForumDet fria alternativet

Problem med definitionslista

HTML & CSS

2 svar · 229 visningar · startad av Troxy

Medlem sedan mars 20041 505 inlägg
Frågan#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...

Medlem sedan okt. 20005 273 inlägg
#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

Medlem sedan feb. 20001 861 inlägg
#3
<dt>Definitionstitel</dt>
	<dd>Definitionsdata1<br>
	definitionsdata2</dd>

Borde det inte vara:


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

?

256 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)