Razlika med ul+li in dl+dt CSS elementoma
HTML jezik “pozna” kar nekaj elementov za prikaz vsebine v obliki seznama. Pri izdelavi spletnih strani največkrat uporabljam ul oziroma ol element, zelo redko pa dl. Bistvena razlika je samo v številčenju oziroma v začetnem znaku vrstice seznama.
ul element
se uporablja se sezname s začetnim znakom v obliki polnega kroga, “praznega” kroga, kocke ali slike po lastni izbiri. Pod element za vsako vrstico seznama pa je li
- Primer ul elementa
- Primer ul elementa
ol element
se uporablja za številčne sezname, kjer brskalnik sam doda vsaki vrstici višji številko. Kot podelement za vsako vrstico se uporablja li.
- Primer ol elementa
- Primer ol elementa
dl element
pa se uporablja za prikaz vsebine v obliki seznama BREZ vsakega znaka v posamezni vrtstici. Kot podelement se uporablja dt
- Primer dt elementa
- Primer dt elementa
Opozarjam pa, da Firefox in Internet Explorer pri prikazu seznamom delata razlike med margin in paddingom. FF prikaže seznam enakomerno oddaljen zgoraj in spodaj od ul elementa, medtem ko IE prikaže samo spodnji odmik, zgoranjega pa skrije.
Bolj podroben opis:
http://www.w3.org/TR/html401/struct/lists.html
Podobni članki:
- Več nivojski CSS selektorji
- Kdaj uporabiti class in kdaj id oznako za CSS selektorje
- Javascript predogled slike – CSS opacity – picture preview – picture fade
- Barvni prehodi s CSS
- Napredno programiranje v CSS s pomočjo LESS
- CSS triki za Google CHROME brskalnik
- Zaokroževanje robov s CSS ukazov
- CSS triki – selektorji za Internet Explorer
- CSS 3 oblikovanje – ideje WebKita
- Internet Explorer 8 CSS hack
November 13th, 2008 ob 7:32 am
Hej, lahko primerjaš dl in pa ul. Ampak gre povedati tudi bistvo DL elementov, ki je naštevanje nekih elementov, ter njihovih opisov. V DL (definition list), damo DT (definition text) ter DD (definition description).
Torej, vsi trije (ul,ol,dl) imajo različne namene, ter se uporabjajo pri različnih tipih podatkov.
lpE