Avatar billede faetter_br Nybegynder
03. maj 2002 - 12:21 Der er 12 kommentarer og
1 løsning

To baggrundsbilleder i html/css

Hej

Er det muligt at have 2 baggrundsbilleder i html/css??

På forhånd tak

Avatar billede callesen Praktikant
03. maj 2002 - 12:23 #1
Ikke andet end hvis du laver det til et billede i et billedbehandlingsprogram eller hvis de skal vises skiftevis. Beklager.
Avatar billede zaditor Nybegynder
03. maj 2002 - 12:36 #2
Det kan du da godt, hvis du har delt det op i frames
Avatar billede callesen Praktikant
03. maj 2002 - 13:05 #3
Hvis vi skal ha' en løsning udenom vil flg. nok være lettere at tilpasse en enkelt side:
<BODY STYLE="background-image:url(billede_1.gif);margin:0px;">
<TABLE STYLE="table-layout:fixed;height:100%;width:100%;">
<TR>
<TD  STYLE="background-image:url(billede_2.gif);background-position:right;background-color:transparent;background-repeat:no-repeat;">Dit oprindelige <body>-indhold
</TD>
</TR>
</TABLE>
</BODY>
Så skal kanonerne nok indstilles.
Avatar billede lyhr007 Nybegynder
03. maj 2002 - 13:24 #4
Man kan ikke få 2 background-image på body tag'et.

Men man kan sagtens lave den efftect let.

<body style="background-image:url(billede_1.gif);margin:0px;">
<div style="position:absolute:top:30px;left:50px;height:200px;width:200px;background-color: transparent;background-image:url(billede_1.gif);margin:0px;""></div>

<!-- Dit normale html her -->
</body>

Div tag'et er absolute positioneret så det ikke tager plads fra det normale html.
Avatar billede faetter_br Nybegynder
03. maj 2002 - 16:51 #5
Mit problem er bare, at min baggrund skal være "fixed".
Avatar billede lyhr007 Nybegynder
03. maj 2002 - 16:55 #6
Det kan du da også sætte på et div tag, det er ikke anderledes end på body tag'et.
Avatar billede faetter_br Nybegynder
03. maj 2002 - 17:07 #7
Det har du ret i, men idet jeg placerer mit andet baggrundsbillede i et layer, er bagrundsbilledet jo fixed i layeret, og ikke på selve siden.
Avatar billede lyhr007 Nybegynder
03. maj 2002 - 17:11 #8
jo det er derfor du skal bruge position:absolute.
Avatar billede faetter_br Nybegynder
03. maj 2002 - 17:12 #9
Da ikke når jeg scroller i browseren???
Avatar billede lyhr007 Nybegynder
03. maj 2002 - 17:14 #10
ahh kan du så ikke lave det til fixed ?

troede du ville have det til at forsvinde når du scollede browseren.
Avatar billede faetter_br Nybegynder
03. maj 2002 - 17:16 #11
nope, jeg vil have to faste baggrundsbilleder, som bibiholder deres position,når man scroller. Kan det lade sig gøre??
Avatar billede knudgert Nybegynder
03. maj 2002 - 19:21 #12
Du skriver desværre ikke, hvordan du vil baggrundsbillederne placeret på siden, jeg har lavet et eksempel på http://home13.inet.tele.dk/smedpark/webhjaelp/baggrund/bg6a.htm

<style type="text/css">
<!--
body {
background: green right fixed repeat-y;
background-image: url(smiley.gif);

    }
span {
background: green left fixed repeat-y;
background-image: url(smiley.gif);
width: 50px; height: 150%;
position: absolute; top: 0}
.indhold {position: absolute; left: 60px; top: 10px}
-->
</style>
</head>
<body>
<span></span>
<div class="indhold">
sidens indhold
Avatar billede faetter_br Nybegynder
15. januar 2003 - 09:13 #13
lukket
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

IT-JOB