Avatar billede simonfreiesleben Nybegynder
01. juni 2005 - 10:50 Der er 1 kommentar og
1 løsning

brugerdefineret list-style-item i <ul> og <li>

Hej eksperter

Jeg vil gerne lave en liste der bruger - (dash) som list-style-type. Den skal venstrestilles, så den går helt ud til dokumentets venstre-margen, ligesom den øvrige tekst. Dette er ikke problemet. Jeg ser nogen har problemer med at få det til at virke i flere browsere, men dette skal kun bruges i IE.

Men jeg leder som sagt efter en måde at lave lister på, hvor man bruger dash som list-style-type. Kan man sætte det uden at bruge grafik?
Hvis ikke søger jeg et enkelt stylesheet, som laver dashes ved venstre-kanten og øvrig tekst indent'et. Også hvis punktet bliver delt i flere linie. Ligesonm at bruge list-style-position:outside.

Glæder mig til at høre fra jer.

Mvh

Simon Jensen
Avatar billede busschou Praktikant
01. juni 2005 - 12:34 #1
Der findes ikke en "-" som option på list-style-type
Derfor er du nød til at benytte grafik. Dvs gemme et billede som ligner din dash "-"
Derefter benytter du list-style-image til at sætte dit billede ind som typen
Hvis du samtidig ønsker rest tekst indent´seret som med din list-style-position:outside
Jamen så beholder du da blot din list-style-position:outside  :o)
Avatar billede busschou Praktikant
01. juni 2005 - 12:35 #2
Det virker i hvert fald hvis man sætter list-style-position:outside i denne her
http://www.w3schools.com/css/tryit.asp?filename=trycss_list-style-image
Så må det også virke hvis du bruger et billede af din dash
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