STARTSIDAN - ANSLAGSTAVLA - ACTIVE X - ABC-KOM IGÅNG - CGI - DIVERSE - FAQ - FORMULÄR - FRAMES - GRAFIK - DHTML - HTML4 - HTML - JAVA - JAVASCRIPT - LISTOR - LÄNKAR - SITEMAP - SÖK - TABELLER - TEXT - ANNICA TIGER - TIGER-LÄNKAR - TIPS - STYLE SHEETS - CSS - WAP - WEB-DESIGN - XHTML - XML

LISTOR - bra till mycket

Allmänt om listor
Onumrerad lista
Onumrerad flernivå-lista
Numrerad Lista
Numrerad flernivå-lista
Definitions-lista
Blandade listor
Oregelbunden numrerad lista

Allmänt om listor
En lista har alltid en start och sluttagg. Att använda <ul> (utan efterföljande listtaggar) för att trixa till ett litet indrag på sidan är icke tillåtet. En lista innehåller alltid listtaggar, exempelvis <li>. Det är valfritt att skriva en sluttagg till listtaggarna. Det är underförstått att varje ny listtagg avslutar den pågående.

En onumrerad punktlista i en nivå
<ul>
<li>Diska
<li>Tvätta
<li>Skura
</ul>

Onumrerad lista i två nivåer
<ul>
<li>hundar
<ul>
<li>schäfer
<li>boxer
</ul>
<li>fåglar
<ul>
<li>ärla
<li>duva
</ul>
</ul>

Flernivålistan kan sägas vara en eller flera listor i själva listan. Se bara till att du håller ordning på start och sluttaggarna. Antalet ska stämma i slutändan. Du kan själv bestämma hur punkterna ska se ut i oberoende på vilken nivå den är. Dåligt stöd för detta i Internet Explorer. Du kan använda det i både UL, då gäller det hela listan eller i LI för en punkt.

Den numrerade listan
  1. Jag ska diska.
  2. Jag ska tvätta.
  3. Jag ska träna.

<ol>
<li>Jag ska diska.
<li>Jag ska tvätta.
<li>Jag ska träna.
</ol>

Den numrerade flernivå listan
  1. Skor
    1. Stövlar
    2. Galoscher
  2. Kjolar
    1. Korta
    2. Långa

<ol>
<li>skor
<ol>
<li>stövlar
<li>galoscher
</ol>
<li>kjolar
<ol>
<li>korta
<li>långa
</ol>
</ol>

Exempel på en definitionslista.
Bilar
har fyra hjul
Cyklar
har två hjul
<dl>
<dt>bilar
<dd>har fyra hjul
<dt>cyklar
<dd>har två hjul
</dl>

Denna listform är bra till begrepp och definitioner, <dl></dl> är själva listan, <dt></dt> begreppet och <dd></dd> definitionen. Det är valfritt att sätta ut sluttaggen för <dt> eller <dd>.

Blandade listor

<OL>
<li>Företaget
<ul>
<li>Chefer
<li>Anställda
</ul>
<li>Utgifter
<ul>
<li>Löner
<li>Skatt
</ul>
</ol>

Oregelbunden numrerad lista
Man bestämma med vilken numrering listan ska börja med. Bra om man har en lista först, sen lite text och en lista till som bygger på med numreringen från första listan.

  1. Råna banken
  2. Sälja grannens hus
Nej, stopp och belägg.
Det måste finnas andra sätt
att få lite pengar.
  1. Arbeta hårt
  2. Spara mera

<ol type=i start=1>
<li>Råna banken
<li>Sälja grannens hus
</ol>
Nej, stopp och belägg.
Det måste finnas andra sätt
att få lite pengar.<BR>
<ol type=i start=3>
<li>Arbeta hårt
<li>Spara mera
</ol>

type=A .....blir A B C osv.
type=1 .....siffror
type=a .....a b c osv.
type=i ......ska ge romersk numrering, I ger stora "siffror"
start=x .....här skriver du med vilket nummer listan ska börja (använd siffra)
vill du byta numrering inne i listan använder du li value=önskad siffra.

© Annica Tiger a_t@tele2.se

Besök gärna min blog

Mina andra sidor ser ni nedan.

www.tiger.se, www.atiger.se, www.tiger.pp.se, www.atiger.pp.se, www.atiger.nu och www.nodaddy.se.


STARTSIDAN - ANSLAGSTAVLA - ACTIVE X - ABC-KOM IGÅNG - CGI - DIVERSE - FAQ - FORMULÄR - FRAMES - GRAFIK - DHTML - HTML4 - HTML - JAVA - JAVASCRIPT - LISTOR - LÄNKAR - SITEMAP - SÖK - TABELLER - TEXT - ANNICA TIGER - TIGER-LÄNKAR - TIPS - STYLE SHEETS - CSS - WAP - WEB-DESIGN - XHTML - XML