Autor Zpráva
Petr ZZZ
Profil
Zdravím,

Mohl by mi prosím někdo z odborníků pomoci s nastylováním definičního seznamu?
1. Je dvakrát to samé jméno třídy přípustné? Konkrétně: jednou v kombinaci s dt a jednou v kombinaci s dd?
2. Jak to případně napsat úsporněji, než jak jsem to dosud dokázal sesmolit?
V extrením CSS-souboru mám toto:

.wg dt { font-size:4em; font-weight: bold; margin-top:20px;}
.wg dd { font-size:1.3em; }

A do HTML-souboru píšu už jen
<dl class="wg"> 


V IE6 a ve FF mi to funguje, ale nevím, zda to tak je "správně" (vyhýbám se termínu "validita", v poslední době si ve volných chvílích čtu Webylon :-) .

A třetí věc: Jak nastylovat (napozicovat) dt a dd, aby definice termínu byla (začínala) ve stejném řádku jako termín? Jinak řečeno, jak nahradit dvousloupcovou tabulku definičním seznamem?

Díky moc předem.
Bubák
Profil
1. Jde o zcela běžný a efektivní postup, v článku Kaskádové styly v dobrém stylu, kapitola "Nedopusťte, aby se vám přemnožily třídy", je podobný příklad s nadpisem a odstavci.

2. Pravděpodobně to úsporněji napsat nejde, předpokládám, že jsi třídu pro <dl> nepoužil z rozmaru a že není "přemnožená", to ale z tvé ukázky nepoznám.
Petr ZZZ
Profil
Díky Bubáku [#2], na ten článek mrknu. Třída pro <dl> není "přemnožená", v jiném souboru.html mám na jiný definiční seznam udělané ve stejném souboru.css jiné definice, např. tak nějak:

.wg dt { font-size:4em; font-weight: bold; margin-top:1em; }
.wg dd { font-size:1.3em; }

.wh dt { font-size:1.5em; font-weight: bold; margin-top:0.5em; }
.wh dd { font-size:1em; }


Ještě kdyby někdo věděl, jak dostat dt a příslušné dd do jednoho řádku (nespěchá to :-) .
Bubák
Profil
float: left; pro DT, případně i pro DD, narazíš na dva problémy:
- dostat texty na stejné účaří
- efektivně ukončit float, aby další <dt> byl na novém řádku

display: inline; pro DT a DD, první problém odpadá, ale jak efektivně, tedy bez <br> dostat <dt> na nový řádek.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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