Avatar billede sobr Nybegynder
04. oktober 2008 - 13:07 Der er 8 kommentarer og
2 løsninger

Liste - afstand fra punkttegn til tekst

Kan det ikke lade sig gøre at mindske afstanden fra punkttegnet til teksten i en liste - til en afstand af f.eks. 3px ?
Har prøvet både med padding:0px og margin:0px -
kan bare ikke få det til at virke !
Avatar billede jesper-moeller Nybegynder
04. oktober 2008 - 13:12 #1
Du kan styre det hele megt precist med css
Både bullet og afstand fra side til bullet og fra bulet til tekst

Se dene listutorial
http://css.maxdesign.com.au/listutorial/index.htm
Avatar billede jesper-moeller Nybegynder
04. oktober 2008 - 13:14 #2
se
Tutorial 1. Background images for bullets

Er ret let ;-)
Avatar billede sobr Nybegynder
04. oktober 2008 - 14:36 #3
Ja, ok - bullet skal så være en billedfil...

Regnede bare med, at man kunne regulere afstanden uden brug af billedfiler.
Avatar billede zips Juniormester
04. oktober 2008 - 17:48 #4
Hvis du lægger en span i din li kan du ændre afstanden

<ul>
      <li><span><a href="#" title="Forside">Forside</a></span></li>
</ul>

css

li span{
    position:relative;
    left:-0.3em;
}
Avatar billede sobr Nybegynder
04. oktober 2008 - 19:02 #5
Det var jo lige det jeg søgte - tak...

Vil I være rare at lægge nogle svar - I kom jo med en løsning begge ;)
Avatar billede zips Juniormester
04. oktober 2008 - 19:25 #6
Her er et svar :)
Avatar billede jesper-moeller Nybegynder
04. oktober 2008 - 21:31 #7
Gerne ...
Men hvar vist Zips der kom med det du ønskede..:*S*
Avatar billede sobr Nybegynder
04. oktober 2008 - 23:19 #8
Lige i dag var det zips metode jeg sku' bruge,
nu har jeg så en løsning mere til engang jeg skal lave en bullet, som skal være speciel ;D
Tak til jer begge.
Avatar billede zips Juniormester
04. oktober 2008 - 23:24 #9
Tak for point :)
Avatar billede jesper-moeller Nybegynder
05. oktober 2008 - 01:50 #10
Zips metode kunne være lavet uden span ... nå det er et link i listen ;-)

<ul>
      <li><a href="#" title="Forside">Forside</a></li>
</ul>

css

li a {
    position:relative;
    left:-0.3em;
}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester