Lav et site-map - vis strukturen på dit site

Indlæs andet indhold på denne side:

Siden er opdateret 30. 4. 2006

Site map - lister i liste

En anden mulighed for at lave et sitemap er at lave det som lister i lister:

Her er den samme sidesammensætning vist på listeform.

Der er først etableret en liste med fire punkter: Forside, Layout, HTML og Grafik. derefter er der i hver af de tre sidste punkter indskudt endnu en liste, hvori er anført de sider som er i disse kategorier.

I kodeboksen herunder viser jeg, hvordan det er bygget op (for ikke at gøre det for uoverskueligt, har jeg fjernet de tilhørende links):

<ul class="maplist">
 <li>Forside</li>
 <li>Layout
  <ul class="sublist">
   <li>Start med layout</li>
   <li class="sidste">Andre designs</li>
  </ul></li>
 <li>HTML
  <ul class="sublist">
   <li>En helt ny side</li>
   <li class="sidste">CSS og stylesheet</li>
  </ul></li>
 <li>Grafik
  <ul class="sublist">
   <li>Filformat og -version</li>
   <li class="sidste">Størrelser, klippe/klistre</li>
  </ul></li>
</ul>

Til denne listeopbygning har jeg så lavet css-definitionerne:

.maplist {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

.maplist li {
padding-left: 0;
margin-left: 0;
margin-bottom: 3px;
}

.sublist {
list-style-image: url(gren.gif);
margin-top: 3px;
margin-left: 15px;
padding-left: 0;
}

.sublist li {
padding-left: 0;
}

.sublist li.sidste {
list-style-image: url(vinkel.gif);
}

Hvis du yderligere lægger det ind i to eller tre spalter, kan du udnytte hele sidens bredde.

^ Tilbage til sidens top

Valid XHTML og CSS / Copyright © Hjemmesideskolen februar 2003
Hjemmesideskolen
Du er her: Forsiden - scripts - Lav et site-map - vis strukturen på dit site
Brugere lige nu: Antal aktive brugere
Home Mail