T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

reference spletnih strani
« Internet Explorer 8 CSS hack
IE6 se seli na mobilce! »
12th November

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.

  1. Primer ol elementa
  2. 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

Deli s skupnostjo:

  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Podobni članki:

  1. Kdaj uporabiti class in kdaj id oznako za CSS selektorje
  2. Več nivojski CSS selektorji
  3. IE6 težave pri izdelavi spletnih strani
  4. Javascript predogled slike – CSS opacity – picture preview – picture fade
  5. Novi Developer Tool – prijaznejši do razvijalcev spletnih strani?

Antony || Wednesday, November 12th, 2008 ob 10:28 am || Splet, Splet (XHTML, CSS) || RSS 2.0 | Dodaj komentar || Trackback


1 komentar na “Razlika med ul+li in dl+dt CSS elementoma”

  1. Emanuel je napisal:
    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

Dodaj komentar