Søg
Avatar billede kjoelby Nybegynder
23. marts 2003 - 10:58 Der er 24 kommentarer og
1 løsning

indsætte billed med css

Kan ikke finde kode for at indsætte et billed vha. css - ikke som baggrund men direkte !
Har prøvet med:
.billed {  list-style-image: url(img/mitbilled.gif)}
men det virker ikke...
Avatar billede keysersoze Ekspert
23. marts 2003 - 11:02 #1
umiddelbart ser det rigtig nok ud - er du sikker på du giver den rigtige sti til billedet?
Avatar billede schaefner Juniormester
23. marts 2003 - 11:02 #2
Det kan du ikke. Det eneste du umiddelbart kan gøre at at lave et div som du angiver højde og bredde på; og deri sætter billedet som baggrund i.
Avatar billede schaefner Juniormester
23. marts 2003 - 11:03 #3
Hvis jeg da har forstået spm. korrekt.
Avatar billede schaefner Juniormester
23. marts 2003 - 11:04 #4
Som jeg har forstået så vil du bare sætte et billede ind på din side med css. Ligesom du ville gøre således:
<img src="img/mitbilled.gif">
Avatar billede schaefner Juniormester
23. marts 2003 - 11:07 #5
Hvis det er til en liste-opstilling, husker du så at sætte class deri:

<ol class="billed">
<li>Hej</li>
</ol>
Avatar billede keysersoze Ekspert
23. marts 2003 - 11:12 #6
nu er jeg ikke helt med...

den css-kode du angiver kjoelby bruges i forbindelse med når man lister punkter (altså <li>) - er det du vil?
Avatar billede kjoelby Nybegynder
23. marts 2003 - 12:26 #7
Det er ikke en liste opstilling jeg vil indsætte men blot et billed.
Avatar billede schaefner Juniormester
23. marts 2003 - 12:29 #8
Så er den eneste umiddelbare måde du kan gøre det på således:

<html>
<head>
<style type="text/css">
.billede {
    background-image: url('http://www.eksperten.dk/img/eksperten_logo_new.gif');
    width: 81px;
    height: 90px
}
</style>
</head>

<body>

<div class="billede"></div>

</body>
</html>
Avatar billede keysersoze Ekspert
23. marts 2003 - 12:29 #9
hvis det er et ganske almindeligt billede og ikke nogen baggrund eller noget som helst andet skal du benytte <img src="">

der kan du ikke bruge styles - hvorfor vil du egentlig også det?
Avatar billede schaefner Juniormester
23. marts 2003 - 12:33 #10
men det er jo langt nemmere med <img src="">
Avatar billede kjoelby Nybegynder
23. marts 2003 - 12:40 #11
Jeg vil bla. have muligheden for at ændre billede via mit CSS i samtlige dokumenter.
Det billed som skal ændres er en transparent spacer som styrer en bestemt celle i en tabel.
Det er ikke nok at angive WIDTH i en tabel, der skal noget indhold i til at styre bredde...
Avatar billede schaefner Juniormester
23. marts 2003 - 12:41 #12
Så kan du desværre ikke.
Avatar billede schaefner Juniormester
23. marts 2003 - 12:42 #13
Men du kan jo bare ændre bredden på din <div class="billede"></div>
så vil det da gi det samme resultat og så behøver du slet ikke noget billede.
Avatar billede keysersoze Ekspert
23. marts 2003 - 12:44 #14
erhm - der kan jeg stadig ikke lige se idéen... du har ét billede som du bruger på flere dokumenter - hvis du så ændrer billedet, så vil billedets udformning/udseende da også ændre sig på samtlige sider (hvis du undlader at bruge height og width på det)... det behøver du da ikke bruge styles til

skal det endelig være så ville jeg da foretrække at bruge en include-fil som inkluderes på alle sider - så er det alligevel kun et dokument du skal ændre i
Avatar billede schaefner Juniormester
23. marts 2003 - 12:46 #15
Jeg er begyndt at blive lidt i tvivl hvorvidt jeg forstår dit problem, men jeg håber da du har fået svar på dit spm. :)
Avatar billede kjoelby Nybegynder
23. marts 2003 - 12:57 #16
På adr. http://www.hjemmesider.dk/box er der lavet skyggeeffekt i tabel celler hvis i ser i vis kilde er jeg nødt til at indsætte: <img src="img/Spacer.gif" width="20" height="1"> for at styre cellen. selv om at jeg i mit CSS har sat:
.skygge1 { 
    BACKGROUND-IMAGE:  url(img/skygge_top2.gif);
    WIDTH: 20px;
Avatar billede schaefner Juniormester
23. marts 2003 - 12:59 #17
Prøv at indsætte:
<div style="width: 20px"></div>
istedet for dit billede (spacer.gif)
Avatar billede kjoelby Nybegynder
23. marts 2003 - 13:02 #18
Det har jeg jo gjort,
.skygge1 { 
    BACKGROUND-IMAGE:  url(img/skygge_top2.gif);
    WIDTH: 20px;
Avatar billede schaefner Juniormester
23. marts 2003 - 13:03 #19
i html-koden istedet for <img src="spacer.gif">
Avatar billede kjoelby Nybegynder
23. marts 2003 - 13:06 #20
Så kan jeg ikke styre via mit CSS, du kan se nu har jeg fjernet mit: <img src="img/Spacer.gif" width="20" height="1"> så vises skygge billed ikke selv om jeg har sat: WIDTH: 20px; i mit CSS
Avatar billede schaefner Juniormester
23. marts 2003 - 13:09 #21
Du har heller ikke gjort som jeg skrev. Der hvor der stod <img src="spacer.gif"> i html-koden, der indsætter du <div style="width: 20px"></div>
Avatar billede schaefner Juniormester
23. marts 2003 - 13:09 #22
Altså:

<td class="maincell_lys" align="center">Dette er min testside: BOX</td>
<td class="skygge2"><div style="width: 20px"></div></td>
Avatar billede kjoelby Nybegynder
23. marts 2003 - 13:11 #23
Så kan jeg ikke styre via mit CSS,hvis jeg senere skal ændre til fx: width="30" så skal jeg ind og ændre på samtlige dokumenter...
Avatar billede schaefner Juniormester
23. marts 2003 - 13:12 #24
så laver du den således:

<div class="spacer"></div>

...og således i dit stylesheet:
.spacer {width: 20px}
Avatar billede kjoelby Nybegynder
23. marts 2003 - 13:18 #25
Selvfølgelig -det virker perfekt, tusind tak.
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 dag 11:19 Ios 27 iphone låst sim Af claes57 i Apps til iOS
I går 10:42 Tidsbestemt opladning af elbil Af vbr i Andet software
13/0917:00 Film Server Af dcedata1977 i Andet software
13/0912:56 Mistænkelige mails! Af ErikHg i E-mail
12/0914:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
White papers
Flere white papers »