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

snoozie Nybegynder

15. juli 2005 - 18:17 Der er 5 kommentarer og
1 løsning

2 ellere flere baggrundsbilleder

Hej.

Jeg vil gerne have et baggrundsbillede i hver side, som har har background-attachment: fixed;. De skal være i hvert sit hjørne nederst.

Det virker fint hvis jeg kun har et enkelt billede, men hvis jeg så vil have to ind, i hvert sit div, så virker det ikke.

Med en enkelt i body virker fint.

Hvordan løses dette? Tak!

Synes godt om

olebole Juniormester

15. juli 2005 - 18:52 #1

<ole>

Du kan ikke have mere end ét baggrundsbillede i hvert element ... det kan du ikke ændre på. Det eneste, du kan gøre, er at lægge dit indhold i flere lag og lægge dem over hinanden. Det skal dog nok være et _meget_ varmt ønske, da det let bliver en langt større og mere bøvlet kode :)

/mvh
</bole>

Synes godt om

snoozie Nybegynder

15. juli 2005 - 19:04 #2

Kan det ikke gøres med 2 simple divs?

Synes godt om

olebole Juniormester

15. juli 2005 - 19:07 #3

- så skal det være med noget kode, jeg ikke kender til :)

Synes godt om

snoozie Nybegynder

15. juli 2005 - 19:12 #4

Heh, ok. Så den nemmeste måde er simpelthen at sætte de to billeder sammen? og så bruge det som baggrundsfarve?

Synes godt om

snoozie Nybegynder

15. juli 2005 - 21:26 #5

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<style type="text/css">
#leftpic {
position:absolute;
left:0px; width:500px;
top:0px; height:200px;
background-image: url("img/venstre.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left bottom;
}
#rightpic {
position:absolute;
left:0px; width:500px;
top:0px; height:200px;
background-image: url("img/hojre.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}
</style>
<div id="leftpic"></div>
<div id="rightpic"></div>
</body>
</html>

Synes godt om

snoozie Nybegynder

15. juli 2005 - 21:27 #6

Fandtes ingen løsning

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
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
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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