Bindestrek mellom listeelement

[madompa]

Korleis kan eg få ein meny til å ha bindestrekar mellom seg?

 

Framside - Bakside - Innside - Utside

Endret 17. mai 2008 av madompa

[pedervl]

Forslag:

 

<ul>
  <li>Hehe</li> - 
  <li>Haha</li>
</ul>

 

Har ikke testet om dette er valid HTML, eller om det virker. Du må selvsagt bruke CSS til å la liste-elementene vises inline/floates mot venstre.   er forresten ikke en god måte å lage mellomrom og slikt på, men til akkurat dette problemet virker det som en rask "hack".

 

Edit: La til kodetagger.

Edit2: Ang. margin, bruk JohndoeMAKTs løsning. Tenkte en smule for raskt der.

Endret 17. mai 2008 av pedervl

[JohndoeMAKT]

Bruk padding/margin på enten LI eller SPAN ( med dash ) i stedet for   om du velger den løsningen.

 

Du kan også se inn i list-style-type :

http://www.w3schools.com/htmldom/prop_style_liststyle.asp

 

Eller bruke CSS :after eller :before.

[datech]

Du kan bruke bakgrunnsbilde på listen, der du lager et lite bilde av en bindestrek.

 

<ul>
<li class="first">Framside</li>
<li>Bakside</li>
<li>Utside</li>
<li>Innside</li>
</ul>

 

CSS blir ala:

 

ul li {
background: transparent url(bindestrek.png) no-repeat 0 50%;
}

ul li.first {
background: none;
}

 

Du må da legge til padding og margin etter dine ønsker. Og lage listen vannrett (display: inline)

Endret 20. mai 2008 av datech