Avatar billede supersquirrel Nybegynder
29. juli 2008 - 18:25 Der er 5 kommentarer og
1 løsning

Lav li prikken ok

Hejsa!

Hvordan laver jeg den prik om jeg får ved <li>? Jeg har selv lavet et billede som jeg gerne vil have istedet for prikken.

Har prøvet:
li {
background-image: url('billede.png');
width: 6px;
height: 6px;
}

Men det placerer kun mit billede ved siden af den oprindelige prik
Avatar billede wanze Nybegynder
29. juli 2008 - 18:28 #1
Prøv med:
list-style-image: url('billede.png');

Du kan evt. løse mere om list-style-image på W3C's side:
http://www.w3.org/TR/REC-CSS1#list-style-image
Avatar billede hmortensen Nybegynder
29. juli 2008 - 18:29 #2
Du kan læse om list-style-image her, som burde klare det.
Avatar billede supersquirrel Nybegynder
29. juli 2008 - 18:38 #3
Det virker! :)
- Er der så en måde jeg kan få prikken i midten af teksten nu? :)) Sådan at den ikke er i bunden, hvis du forstår
Avatar billede zips Juniormester
29. juli 2008 - 19:06 #4
Da jeg regner med du har læset hvad du kan og ikke kan med li elementet, så ville jeg sætte denne • prik selv og bruge den i teksten :-)
Avatar billede wanze Nybegynder
29. juli 2008 - 19:21 #5
Nej, tror ikke umiddelbart du kan få den placeret anderledes i forhold til teksten. Du bliver vel bare nødt til at lave et større billede.
Avatar billede ssv Nybegynder
30. juli 2008 - 09:27 #6
En anden måde kunne gøres således:

<style type="text/css">
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
li {
    background: url(billede.png) left center no-repeat;
    padding: 0 0 0 12px; /* Justér efter behov */
    margin: 0;
}
</style>

---

<ul>
<li>Din li's indhold</li>
<li>Din li's indhold</li>
<li>Din li's indhold</li>
(etc..)
</ul>

:-)
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