CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

sub_zero Nybegynder

11. februar 2004 - 13:23 Der er 4 kommentarer

Baggrundsbillede på div-layer

Hey,

Jeg er ved at lave siden http://subzero.starthotel.dk/km/ - men jeg vil have et baggrunds billede (faktisk en border) rundt om hele siden, samtidigt med at siden bliver dynamisk, så den selv passer sig ind til sidens indholds størrelse.
Jeg har prøvet at placere en background="..." flere forskellige steder i kildekoden, men det er endnu ikke lykkedes mig at få billedet til også at ligge sig udfor de div's jeg har.

På forhånd tak!

Mvh
Kenneth Fuglsang

Synes godt om

sukos Juniormester

11. februar 2004 - 15:18 #1

Er ikke helt med på hvad du vil?
Title på spm er jo noget om at bruge et baggrundsbillede i en div.
Men teksten snakker om placering ud for div?

Måske dette kan gi' lidt inspiration?

<html><head><title>Div backgrounds</title>
<style type="text/css">
body {margin: 0px; background-image: URL('body.gif'); background-repeat: no-repeat; background-position: top center; background-color: black; color: white; font-family: verdana; font-size: 1.2em;}

#id1 {position: relative; color: red; background-image: URL('div.gif'); background-repeat: repeat-x; background-color: purple;}
#id2 {position: relative; color: red; background-image: URL('div.gif'); background-repeat: repeat-x; background-color: yellow;}
</style>
</head>
<body>

<h1>HEJ DU</h1>

<div id="id1">Her er lidt tekst m.m., med et baggrundsbillede<br>
Baggrundsbilledet vises kun vandret<br><br><br><br><br><br><br><br><br><br><br><br></div>

<div id="id2">Her er lidt tekst m.m., med et baggrundsbillede<br>
Baggrundsbilledet vises kun vandret<br><br><br><br><br><br><br><br><br><br><br><br></div>
</body></html>

Synes godt om

sub_zero Nybegynder

11. februar 2004 - 22:24 #2

Hey,

Det jeg gerne vil, er at få en blå border rundt om hele siden - hvilket jeg havde tænkt mig man kunne lave med et baggrundsbillede, som bliver repeatet, desværre kan jeg ikke få det til at blive repeatet, sandsynligvis fordi mine div's er sat til absolute som position.

Synes godt om

sukos Juniormester

12. februar 2004 - 04:22 #3

hmm, du kan jo lave en tabel med borderen, og putte alt indhold ind i den.

<html><head><title>Div backgrounds</title>
<style type="text/css">
body {margin-top: 30px; background-color: white; color: black; font-family: verdana; font-size: 1.2em;}

#id1 {position: relative; color: red; background-image: URL('div.gif'); background-repeat: repeat-x; background-color: purple;}
#id2 {position: relative; color: red; background-image: URL('div.gif'); background-repeat: repeat-x; background-color: yellow;}
</style>
</head>
<body>
<center>
<table width="640" cellpadding="0" cellspacing="0" style="border: solid #04199A; border-width: 1px; background-color: white;"><tr>
<td><h1>HEJ DU</h1>

<div id="id1">Her er lidt tekst m.m., med et baggrundsbillede<br>
Baggrundsbilledet vises kun vandret<br><br><br><br><br><br><br><br><br><br><br><br></div>

<div id="id2">Her er lidt tekst m.m., med et baggrundsbillede<br>
Baggrundsbilledet vises kun vandret<br><br><br><br><br><br><br><br><br><br><br><br></div></td>
</tr></table>
</center>
</body></html>

Synes godt om

roenving Novice

12. februar 2004 - 07:49 #4

Hvad med at lave det som her på E* ?-)

Bare:

body{background:#339}

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
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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