Autor Zpráva
Miloš
Profil
Často by se mi hodilo, kdyby termín a definice definičního seznamu byly na jednom řádku.
Atribut compact v současnosti nefunguje (zapisoval jsem ho jak <dl compact>, tak i <dl compact="compact">).

Napadla mě 3 řešení:
display:inline
float:left
position:absolute

ale žádné mě zcela neuspokojilo. Víte-li o něčem lepším, dejte vědět.
Nejprve se ale koukněte na má řešení podrobněji popsaná na stránce http://kesolim.sweb.cz/TMP/dl.html.
Chamurappi
Profil
Reaguji na Miloše:
Atribut compact v současnosti nefunguje
V Exploreru funguje. Pokud je šířka textu v <dt> menší než odsazení <dd>, tak se <dd> umístí hned vedle.

Z uvedených postupů se mi nejvíce líbí druhé řešení.
Miloš
Profil
Díky, tahle podmínka mě nenapadla.
V každém případě ale – pokud funguje pouze v IE, pak je to dost nepoužitelné :(
J
Profil *
Miloš
Myslím, že Chamurappi chtěl říct, že compact funguje na řádku v IE bez nutnosti float: left. S float: left ale funguje i v ostatních.

dt {float: left; }
<dl compact><dt>aaaaa</dt><dd>bbbbbbbbbb</dd></dl>
Miloš
Profil
J
Zlaté! to je přesně ono. Díky.
Bubák
Profil
Miloš
Můžeš ještě vypustit "depraktikovaný" atribut compact, protože IE umí floatovat.
Miloš
Profil
Bubák
Jenomže to taky budu muset clearovat a bude-li to součástí stránky, kde toho plave trochu víc, nechci vidět ty následky.
Jestli máš slovem „depraktikovaný“ na mysli „deprecated“, tak záleží na DTD – podle 4.01 Transitional je compact správně.
A především – compact + float funguje bez čištění a namáčení clearem. It's clear?
Davex
Profil
Miloš
Pokud nepotřebuješ, aby to fungovalo v IE7-, tak to stačí nějak takto bez atributu compact:
dt, dd { display: inline; margin: 0; }
dl > dd:after { content: "\A"; white-space: pre; }
Plaváček
Profil
Miloš

Tak nevím, nestačilo by tohle?

dt {
	width: 6em;
	float: left;
	clear:left;
}
dd {
	margin: 0 0 0.5em 7em;
}
<dl>
	<dt>Kočka domácí divoká:</dt><dd>šelma kočičí</dd>
	<dt>Moucha:</dt><dd>horror</dd>
	<dt>Pihulín:</dt><dd>Ouha</dd>
	<dt>Koza:</dt><dd>Nozdra</dd>
</dl>

A pokud toho ve stránce plave víc, není problém z DL udělat taky plovoucí prvek, ne?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0