Søg
Avatar billede tobrukDk Novice
19. november 2011 - 15:49 Der er 9 kommentarer og
1 løsning

li billede, problemer

hej


Jeg er i gang med at lave en hjemmeside men problem er at jeg kan iikke husk hvordan man gør sådan at hver <li> tag for et billede det må dog ikke være ens, :)

Håber du kan hjælp mig med det?
Avatar billede olebole Juniormester
19. november 2011 - 16:46 #1
<ole>


<style type="text/css">
li.file {
    list-style-image: url(sti/til/file.png);
}
li.folder {
    list-style-image: url(sti/til/folder.png);
}
li.folder-open {
    list-style-image: url(sti/til/folder_open.png);
}
</style>

<ul>
    <li class="file">Emne 1</li>
    <li class="folder">Emne 2</li>
    <li class="folder-open">Emne 3</li>
</ul>


/mvh
</bole>
Avatar billede tobrukDk Novice
19. november 2011 - 17:21 #2
Okay lækkert tak Ole :) Hvordan går det? din gammel have nisse! :D
Avatar billede olebole Juniormester
19. november 2011 - 17:31 #3
Topnisse, om jeg må bede!  *D
Avatar billede tobrukDk Novice
19. november 2011 - 18:24 #4
Okay lækkert nok da :D
Avatar billede tobrukDk Novice
19. november 2011 - 18:48 #5
Ole Vil du have noget for det eller gider du ikke ??
Avatar billede olebole Juniormester
19. november 2011 - 18:58 #6
Ellers tak, Jesper. Du svarer bare selv  *o)
Avatar billede tobrukDk Novice
20. november 2011 - 12:52 #7
Okay Ole. :) jeg har fået et lille problem og det er ;


<h1 class="dj"><?php echo $row['overskrifet'];?></h1>

Det er overskriftet, og css ser sådan her ud ;


.dj {
                list-style-image:url(http://----.dk/Img/Dj-s/disk_jockey.png);
            }
Avatar billede olebole Juniormester
20. november 2011 - 16:09 #8
Du kan ikke bruge list-style-image på et H1 element. Den virker kun på LI elementer. Billedet bruges så i stedet for prikken ud for LI elementet under et UL element (eller tallet under et OL).

På et H1 element kan du sætte et baggrundsbillede. Samtidig kan du give lidt padding-left, så teksten bliver rykket mod højre og fri af billedet  =)
Avatar billede tobrukDk Novice
20. november 2011 - 19:00 #9
okay lækkert ole Jeg kigger lige på det D:
Avatar billede tobrukDk Novice
22. november 2011 - 21:27 #10
Lukker den selv ole :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 21:36 Gøre Ikonerne lidt større i proceslinjen (Windows 10) Af Ikke-ekspert i Windows
I går 18:05 Glemt kodeord til BitLocker Af valby i Windows
I går 14:37 Blå og rød lysdioder Af ErikHg i Andet hardware
22/1221:22 Fejl på outlook(new) Af fase i E-mail programmer
20/1220:05 #OVERLØB! Af ABE15 i Excel
White papers
Flere white papers »