Avatar billede tidsrejse-frede Nybegynder
14. september 2002 - 21:01 Der er 15 kommentarer og
1 løsning

2 bagrundsbilleder??!

Hej!!
Jeg skal lave et design, hvor der skal indgå et billede som baggrund nederst i højrehjørne, og et andet billede, skal repeat'e over reste af siden.
Er det muligt at lave 2 baggrundbilleder på éen gang??
Avatar billede master_nemo Nybegynder
14. september 2002 - 21:09 #1
lav noget tabelværk ...ka da ik være så svært :)
Avatar billede yousif Nybegynder
14. september 2002 - 21:16 #2
ja, lav det i tabeller, et ex.

<Table style="width : 100%;height : 100%;position : absolute;">
  <Tr>
    <Td align="right" valign="bottom">
    <img src="http://www.subhi.dk/forside.jpg">
    </Td>
  </Tr>
</Table>
Avatar billede tidsrejse-frede Nybegynder
14. september 2002 - 21:27 #3
Men hvis jeg laver det hele i tabeller, så kommer det vel ikke helt ud til kanten af browseren, som ventet??!
Avatar billede yousif Nybegynder
14. september 2002 - 21:33 #4
prøv:

<body style="margin : 0px;">

<Table style="width : 100%;height : 100%;position : absolute;" cellpadding="0" cellspacing="0">
  <Tr>
    <Td valign="bottom">
    <div align="right"><img src="http://www.subhi.dk/forside.jpg"></div>
    </Td>
  </Tr>
</Table>
Avatar billede tidsrejse-frede Nybegynder
14. september 2002 - 21:35 #5
Det kan ikke lavs i CSS, vel?? det er en del nemmere at holde styr på, da der kommer forfærdeligt mange sider...
Avatar billede yousif Nybegynder
14. september 2002 - 21:39 #6
jo.. kommer med et lille-div ..
Avatar billede yousif Nybegynder
14. september 2002 - 21:46 #7
..mellem <head>og</head>

<style>
body {
margin : 0px;
}
.mindiv {
background-image : url('http://www.subhi.dk/forside.jpg');
background-position : bottom right;
background-repeat : no-repeat;
background-attachment : fixed;
width : 100%;
height : 100%;
position : absolute;
}
</style>

mellem <body> og </body>:

<div class="mindiv"></div>
Avatar billede tidsrejse-frede Nybegynder
14. september 2002 - 21:46 #8
fedt!!
Avatar billede tidsrejse-frede Nybegynder
14. september 2002 - 21:50 #9
Men, vil det så ikke komme til at ligge 'over' det som CSS'en skriver??
Avatar billede yousif Nybegynder
14. september 2002 - 21:53 #10
"over"???
Avatar billede tidsrejse-frede Nybegynder
14. september 2002 - 21:58 #11
Altså så det ene billede, som ikke skal repeat'e, jeg angiver i CSS'en, bliver 'dækket' af det andet??
Avatar billede yousif Nybegynder
14. september 2002 - 22:00 #12
forstår det stadig ikke, kan du komme med et eksempel?
Avatar billede tidsrejse-frede Nybegynder
14. september 2002 - 22:03 #13
Eh... Hvis du bager en lagkage, så laver bliver kagbunden 'dækket' med flødeskum o.l.

Forstår du?? Hi!
Avatar billede callesen Praktikant
14. september 2002 - 23:14 #14
Enten:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
<BODY STYLE="background-image:url(det_ene.gif);margin:0px;background-position:right bottom;background-repeat:no-repeat;">
<TABLE STYLE="table-layout:fixed;height:100%;width:100%;">
<TR>
<TD  STYLE="background-image:url(det_andet.gif);background-color:transparent;">Dit indhold
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

eller:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
<BODY STYLE="background-image:url(det_ene.gif);margin:0px;">
<TABLE STYLE="table-layout:fixed;height:100%;width:100%;">
<TR>
<TD  STYLE="background-image:url(det_andet.gif);background-position:right bottom;background-color:transparent;background-repeat:no-repeat;">Dit indhold
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Avatar billede yousif Nybegynder
15. september 2002 - 09:02 #15
Nej, den bliver ikke dækket!
Avatar billede tidsrejse-frede Nybegynder
15. september 2002 - 15:19 #16
Tak for svarene!!
Da kun Yousif har lavet 'svar' får han pointene...
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