Avatar billede renolde Nybegynder
20. juli 2001 - 10:25 Der er 21 kommentarer og
1 løsning

Forstør baggrundsbillede

Jeg har et billede som jeg gerne vil bruge som baggrund. Jeg vil gerne have billedet til at fylde hele skærmen, uden at det bliver gentaget. I stil med <img src=\"logo.gif\" width=\"100\" height=\"100\">.
Men da det skal bruges som baggrund skal der kunne skrives oven på det.

Avatar billede roenving Novice
20. juli 2001 - 10:26 #1
Du skal bare lægge det ind i et <div>-tag og angive placeringen absolut.

hth
jes
Avatar billede renolde Nybegynder
20. juli 2001 - 10:28 #2
Div tag... Uha så meget er jeg ikke inde i html. Kan du skrive et eksempel?
Avatar billede wizprod.com Nybegynder
20. juli 2001 - 10:31 #3
roensving > også skal man lige huske at give det et passende z-index!
Avatar billede roenving Novice
20. juli 2001 - 10:37 #4
Og det behøver du måske slet ikke -- kig f.eks. på kilden til denne side, der er f.eks. en BACKGROUND=\"/images/menu_bg.gif\" i en Table-tag. ;-)
Avatar billede roenving Novice
20. juli 2001 - 10:39 #5
wizprod >> ikke at forglemme ... (z-indeks er hvor højt det kommer i lagene)
jeg kan bare ikke lige huske hvor der er en oversigt over syntaksen for <div>

;~}
Avatar billede wizprod.com Nybegynder
20. juli 2001 - 10:40 #6
jepsen, men bliver dette bg-billede resized? nope!
Avatar billede renolde Nybegynder
20. juli 2001 - 10:43 #7
Ved i hvor der ligger en oversigt over div tag\'en? Hvis det er den jeg skal bruge
Avatar billede speedy Nybegynder
20. juli 2001 - 10:47 #8
nope, men jeg kan lige give et eksempel

<DIV style=\"position: absolute; left: 0px; top:0px; height: 500px; width: 500px; z-index: -100\">
<IMG src=\"bg.gif\" height=\"500\" width=\"500\">
</DIV>

/SpEeDy
Avatar billede roenving Novice
20. juli 2001 - 10:53 #9
SpEeDy > Lige præcis :-]

Øeh... næsten,

Jeg synes at kunne huske problemer med negative z-index-værdier, det klarede vi ved kun at bruge positive værdier =;-}
jes
Avatar billede speedy Nybegynder
20. juli 2001 - 10:54 #10
ok, det har jeg ikke haft problemer med :)

Men det må han jo prøve sig frem med :)

/SpEeDy
Avatar billede roenving Novice
20. juli 2001 - 10:57 #11
Avatar billede wizprod.com Nybegynder
20. juli 2001 - 11:02 #12
Speedy, hvorfor definerer du bredden 2 steder? Ikke videre logisk!
Jeg ville gøre sådan her:

<DIV style=\"position: absolute; left: 0px; top:0px; z-index: -100\">
<IMG src=\"bg.gif\" height=\"100%\" width=\"100%\">
</DIV>
Avatar billede speedy Nybegynder
20. juli 2001 - 11:06 #13
Jamen dit virker ikke!

Det gør mit!

Du fortæller ikke at DIV\'en skal være nogen størrelse, og du fortæller at IMG\'en skal være 100% af den der DIV som er 0px bred.

Derfor vises dit billede IKKE

/SpEeDy
Avatar billede wizprod.com Nybegynder
20. juli 2001 - 11:10 #14
tænkte det nok, så putter vi da bare bredde på igen :-) !  Men overvej relativ størrelse!
Avatar billede speedy Nybegynder
20. juli 2001 - 11:11 #15
hehe :)
Avatar billede speedy Nybegynder
20. juli 2001 - 11:12 #16
Så brug denne i stedet :)

<DIV style=\"position: absolute; left: 0px; top:0px; height: 100%; width: 100%; z-index: -100\">
<IMG src=\"bg.gif\" height=\"100%\" width=\"100%\">
</DIV>
Avatar billede wizprod.com Nybegynder
20. juli 2001 - 11:14 #17
bedre!
Avatar billede renolde Nybegynder
20. juli 2001 - 11:24 #18
Det var noget jeg kunne bruge speedy.
Det var sådan jeg havde forstillet mig det
Avatar billede renolde Nybegynder
20. juli 2001 - 11:25 #19
Understøttes det af alle browsere?
Avatar billede speedy Nybegynder
20. juli 2001 - 11:39 #20
Det ved jeg faktisk ikke :(

Men det kunne jeg godt forestille mig.

Men som sagt må du ikke hænge mig op på det :)

/SpEeDy
Avatar billede renolde Nybegynder
20. juli 2001 - 12:06 #21
Speedy, hvis du vil ha\' dine point, så må du lige sende et svar i stedet for kommentarer. Ellers kan jeg ikke vælge dig på listen
Avatar billede speedy Nybegynder
20. juli 2001 - 12:13 #22
jo 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
Vi tilbyder markedets bedste kurser inden for webudvikling

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