Notifikationer

Markér alle som læst Log ud

fk87 Nybegynder

24. september 2008 - 23:34 Der er 16 kommentarer og
1 løsning

Baggrundsbillede i <td>

Hej Eksperter,

Jeg har et billede som jeg gerne vil have placeret helt nede i højre hjørne af min <td>. Det skal ligeledes ligges som et baggrundsbillede, således at al min tekst bare naturligt flyder indover billedet.

Men jeg kan ikke få det til at virke.

CSS:
.billede {
background-image: url("baggrundsbillede.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}

HTML:
<td class="billede" cellpadding="0" cellspacing="0" width="606" bordercolor="#000000" bgcolor="#FFFFFF"></td>

På forhånd tak!

Synes godt om

olebole Juniormester

24. september 2008 - 23:43 #1

Synes godt om

roenving Novice

24. september 2008 - 23:53 #2

-- skal det ikke bare være:

CSS:
.billede {
background: url("baggrundsbillede.jpg") no-repeat right bottom #fff;
width:606px;
padding:0;
border:0;
}

HTML:
<td class="billede"> </td>

Synes godt om

fk87 Nybegynder

25. september 2008 - 09:07 #3

Den viser ikke mit baggrundsbillede.jpg?!

Synes godt om

w13 Novice

25. september 2008 - 09:16 #4

Er din billedesti korrekt? :)

Hvilken mappe ligger stylesheetet i, og hvilken mappe ligger billedet i?

Synes godt om

fk87 Nybegynder

25. september 2008 - 09:30 #5

billede, stylesheet og min html fil ligger i samme niveau - når det er uploadet til ftp

Synes godt om

w13 Novice

25. september 2008 - 10:25 #6

background: url("baggrundsbillede.jpg") no-repeat right bottom #fff;
skal vist i øvrigt hellere være:
background: #fff url("baggrundsbillede.jpg") no-repeat right bottom;

Og dit billede hedder baggrundsbillede.jpg? :P

Synes godt om

w13 Novice

25. september 2008 - 10:25 #7

Og er du sikker på, din td bliver vist? Prøv evt. at skrive noget tekst i td'en.

Synes godt om

ssv Nybegynder

25. september 2008 - 10:29 #8

Du kunne jo også prøve at linke fuldt ud til dit billede - bare for at se om billedet ligger hvor det skal.

.billede { background: #fff url(http://ditdomæne.dk/baggrundsbillede.jpg") no-repeat right bottom; width:606px; padding:0; border:0; }

- og har du tilføjet class'en på din td ;-)?

Synes godt om

ssv Nybegynder

25. september 2008 - 10:29 #9

Slet lige den sidste " i ovenståede.. :-)

Synes godt om

fk87 Nybegynder

25. september 2008 - 11:09 #10

W13 og SSV det virker stadig ikke :( - linker både til class og skriver den nødagtige sti i css - hvad kan der være galt ?

Synes godt om

w13 Novice

25. september 2008 - 11:17 #11

Kan vi se siden?

Synes godt om

ssv Nybegynder

25. september 2008 - 11:19 #12

Der må gå et eller andet galt i din kode - dette eksempel fungerer upåklageligt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Titel</title>
<style type="text/css">
td.billede { background: url(http://proads.dk/simon/apple.gif) repeat-x; height: 40px; color: #fff; }
</style>
</head>

<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="billede">Random tekst</td>
<td>Random tekst</td>
</tr>
</table>

</body>
</html>

Synes godt om

fk87 Nybegynder

25. september 2008 - 11:28 #13

Tak ssv - det virkede at indsætte css i selve html dokumentet i modsætning til i mit stylesheet. Smid et svar!

Synes godt om

ssv Nybegynder

25. september 2008 - 11:32 #14

Det skal nu altså også virke i dit eksterne stylesheet - der bør ikke være en forskel på om koden ligger internt eller eksternt ;-)

Synes godt om

fk87 Nybegynder

25. september 2008 - 11:43 #15

mm .. nej det ved jeg godt men nu er mit problem løst ;D

Synes godt om

w13 Novice

25. september 2008 - 12:53 #16

Så kunne det lyde som om stylesheetet har ligget i en anden mappe.

Synes godt om

roenving Novice

25. september 2008 - 16:31 #17

-- og egentlig var løsningen vel så bare den samme, som jeg viste i mit første indlæg ?-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS