Notifikationer

Markér alle som læst Log ud

n-emy Nybegynder

22. april 2006 - 00:40 Der er 9 kommentarer og
1 løsning

Vise hele billedet som baggrundsbillede?

Hej,

Jeg har følgende kode:

background-image: url(adresse);

Og det virker også fint nok, men det man ser i tabellen som kun er 64x64 er øverste venstre hjørne. Jeg kunne godt tænke mig at den viste hele billedet skaleret, er det muligt? Eller eventuelt gøre så man ser midten istedet for venstre hjørne.

Synes godt om

datasource Nybegynder

22. april 2006 - 00:57 #1

Her kan du centrere det:
---
background-image: url(adresse);
background-position: center center;
---

Se evt her:
http://www.html.dk/tutorials/css/lektion3.asp

Synes godt om

n-emy Nybegynder

22. april 2006 - 10:58 #2

Okay tak:)

Men er det andet muligt?

Synes godt om

datasource Nybegynder

22. april 2006 - 17:55 #3

Kommer an på hvad du mener med det andet ?
also strække billedet så det fylder det hele ?

Synes godt om

n-emy Nybegynder

22. april 2006 - 23:15 #4

Nej omvendt skalere det ned.

Altså selve billedet er måske 200 x 200

og tabellen det vises i er 64 x 64.

Så vil have at hele billedet på 200 x 200 vises i 64 x 64, nøjagtigt som hvis du gjorde det med <img src="" style="width:64px; height:64px;">

?

Synes godt om

roenving Novice

24. april 2006 - 01:48 #5

Så skal du lave et img-tag bagved tabellen, for det er kun hvis billedet ligger i et img-tag, at du kan skalere det !-)

Synes godt om

n-emy Nybegynder

24. april 2006 - 15:54 #6

Okay:)

Problemet er bare at i IE kan et billede ikke ligge helt op af en tabels kant?:/

Synes godt om

roenving Novice

25. april 2006 - 01:47 #7

?-)

F.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tabel med skaleret baggrundsbillede</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#site{position:relative;width:960px;margin:0 auto;}
#backgroundImage{width:958px;}
#minTabel{position:absolute;top:0;left:0;width:958px;border;1px solid green;border-collapse:collapse;}
#minTabel td{border:1px solid red;}
</style>
</head>
<body>
<div id="site">
<img id="backgroundImage" src="http://www.eksperten.dk/img/elogo.png">
<table id="minTabel">
<tr>
<td colspan="2">
Check linje 1, celle 1+2
<br><br><br><br><br><br><br></td>
<td>
Check linje 1, celle 3
<br><br><br><br><br><br><br></td>
</tr>
<tr>
<td>
Check linje 2, celle 1
<br><br><br><br><br><br><br></td>
<td style="text-align:center;">
Check linje 2, celle 2<br>
Eneste celle med centreret indhold</td>
<td>
Check linje 2, celle 3
<br><br><br><br><br><br><br></td>
</tr>
</table>
</div>
</body>

</html>

Synes godt om

n-emy Nybegynder

01. maj 2006 - 21:59 #8

Tak:)

Fandt en lidt anden løsning, men tak for hjælpen, svar?

Synes godt om

roenving Novice

01. maj 2006 - 23:52 #9

Oki '-)

Synes godt om

roenving Novice

16. maj 2006 - 16:09 #10

-- og tak for point ;~}

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