Notifikationer

Markér alle som læst Log ud

kaa4ever Nybegynder

20. april 2007 - 16:53 Der er 5 kommentarer og
1 løsning

Baggrund i tabel

Hey
Jeg roder lidt med at få en baggrund i en tabel til at virke.
Tabel er 300 i vidden og 300 i højden, og vil gerne have et billede ind i tabellen, sådan at jeg ka "skrive ovenpå".
Normalt ville jeg bare bruge
<td width="300" height="300" background="/sti">Hej hej </td>.

Men problemet er at de billeder jeg ska bruge både er større og mindre end 300x300, så hvis det er større kan man kun se noget af det.
Kan man ikke lave sådan at det tilpasser billedet til de 300x300?

Synes godt om

mclemens Nybegynder

20. april 2007 - 18:10 #1

<!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=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
.tden {width:300px;height:300px;position:relative;}
.imgen {width:100%;height:100%;}
.onover {position:absolute;top:0px;left:0px;}
</style>

</head><body>
<table><tr><td class="tden"><img src="http://www.eksperten.dk/img/elogo.png" class="imgen"><div

class="onover">TekstTekst<br>Tekst<br>Tekst<br>Tekst<br></div></td></tr></table>
<br><br><br>
<table><tr><td class="tden"><img src="http://www.eksperten.dk/img/flag_green.gif" class="imgen"><div

class="onover">Tekst<br>Tekst<br>Tekst<br>Tekst<br>Tekst<br></div></td></tr></table>
</body></html>

... Jeg kan ikke helt huske om der var problemer med position:relative; i IE6, hvis det er tilfældet så prøv med:

<table><tr><td class="tden"><div class="divholder"><img src="http://www.eksperten.dk/img/flag_green.gif" class="imgen"><div class="onover">Tekst<br>Tekst<br>Tekst<br>Tekst<br>Tekst<br></div></div></td></tr></table>

og

<style type="text/css">
.tden {width:300px;height:300px;}
.imgen {width:100%;height:100%;}
.onover {position:absolute;top:0px;left:0px;}
.divholder {position:relative;}
</style>

Synes godt om

mclemens Nybegynder

20. april 2007 - 18:13 #2

Hvis du nøjes med at definere width eller height i
.imgen {width:100%;height:100%;} istedet for begge,
undgår du at billedet kan blive trukket skævt.

- Udvidelse af et baggrundsbillede til en fast
størrelse kan ikke gøres uden de ekstra elementer,
medmindre man retter billederne til ...

Synes godt om

kaa4ever Nybegynder

21. april 2007 - 10:16 #3

Det virker jo bare helt perfekt :) Mange tak for hjælpen

Synes godt om

mclemens Nybegynder

21. april 2007 - 11:44 #4

Velbekomme, og tak for point :o)

Synes godt om

kaa4ever Nybegynder

21. april 2007 - 12:09 #5

hmm har lige erfaret et lille problem. Når jeg kigger på siden på min kærestes bærbar der kører med indre opløsning står teksten et helt andet sted på siden.
Ka man gør noget ved det?

Synes godt om

kaa4ever Nybegynder

21. april 2007 - 13:20 #6

nevermind har fixet det igen :) tak igen :)

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