Avatar billede eksplayer Nybegynder
08. december 2005 - 01:31 Der er 2 kommentarer og
2 løsninger

Styling af Bullet-points

Hvordan styler man bullet-points med CSS?
Avatar billede miss-g Seniormester
08. december 2005 - 02:03 #1
Eksempel med firkantet punkter:

<style type="text/css">
<!--
.bulletpoints {
    list-style-position: outside;
    list-style-type: square;
}
-->
</style>

-----------------------------------
Eksempel med et billede i stedet for punkter:

<style type="text/css">
<!--
.bulletpoints {
    list-style-position: inside;
    list-style-image: url(01.gif);
}
-->
</style>
Avatar billede hanne_e Nybegynder
08. december 2005 - 02:03 #2
Fx li {list-style: square inside; color:blue}
Du kan bruge disse: disc, circle, square - og også selvvalgte billeder. Herudover kan du sætte margin på eller ændre "line-height", hvis du har lyst til det.

Du skal være opmærksom på, at ikke alle browsere fortolker det ens!

Læs evt. mere her:
http://www.echoecho.com/csslists.htm
http://www.w3.org/TR/REC-CSS2/generate.html#lists
Avatar billede eksplayer Nybegynder
09. december 2005 - 09:46 #3
hanne_e: smid et svar så deler jeg pointene mellem jer.

Tak for hjælpen :)
Avatar billede hanne_e Nybegynder
09. december 2005 - 19:28 #4
Takker :-)
Det var ret close race... :-)
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