Autor | Zpráva | ||
---|---|---|---|
Miloš Profil |
#1 · Zasláno: 7. 4. 2008, 22:12:07 · Upravil/a: Miloš
Č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 |
#2 · Zasláno: 7. 4. 2008, 22:37:57 · Upravil/a: Chamurappi
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 |
#3 · Zasláno: 7. 4. 2008, 22:44:05
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 * |
#4 · Zasláno: 7. 4. 2008, 22:58:13
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 |
#5 · Zasláno: 7. 4. 2008, 23:13:57
J
Zlaté! to je přesně ono. Díky. |
||
Bubák Profil |
#6 · Zasláno: 8. 4. 2008, 23:18:09
Miloš
Můžeš ještě vypustit "depraktikovaný" atribut compact, protože IE umí floatovat. |
||
Miloš Profil |
#7 · Zasláno: 8. 4. 2008, 23:34:47
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 |
#8 · Zasláno: 9. 4. 2008, 00:19:36
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 |
#9 · Zasláno: 9. 4. 2008, 07:21:41 · Upravil/a: Plaváček
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? |
||
Časová prodleva: 16 let
|
0