e-gradiva     HTML CSS JavaScript Načrtovanje  
  logotip  
SERŠ Maribor Iskanje Primeri

Gnezdeni seznam

Koda: 
.arabske{list-style-type:decimal;}
.rimske{list-style-type:upper-roman;}
.velike{list-style-type:upper-alpha;}

<ol class="arabske">
<li>Prestolnice
   <ol class="rimske">
   <li>Brezno</li>
   <li>Maribor</li>
   <li>Ljubljana</li>
   </ol>
</li>

<li>Bogu za hrbtom:
    <ol class="rimske">
    <li>Bled</li>
    <li>Bohinj</li>
    <li>Gorje
        <ol class="velike">
        <li>Zgornje</li>
        <li>Spodnje</li>
        </ol>
        </li>
   </li>
   </ol>
</li>
</ol>
Izgled v
brskalniku:
  1. Prestolnice
    1. Brezno
    2. Maribor
    3. Ljubljana
  2. Bogu za hrbtom:
    1. Bled
    2. Bohinj
    3. Gorje
      1. Zgornje
      2. Spodnje
Razlaga:

V podanem primeri je vsak nivo oštevilčenega seznama določen v samem dokumentu HTML s slogovnimi predlogami (lastnost list-style-type). Potrebno je pravilno zaključevanje vsakega gnezdenega seznama. Najprej </ol> za notranji seznam in nato </li> za točko zunanjega seznama.

Oblika številčenja posameznega seznama je določena z uporabo atributa class v HTML in znaka . v CSS.

gor Gor     e-gradiva     CSS     ABC     primeri    

SERŠ Maribor : Strokovna gimnazija : 2004 : Aleš Brumec