PDA

View Full Version : 2 background imgaes

suama
04-21-2003, 03:35 PM
Just wondering, is it possible to have 2 background images? As I've got a image on the bottom right hand side of my page, and a left column thinggie as a background image aswell, but that one canceled the image which was in the right hand corner (Sorry if this ain't very clear o.o;; ). Or, would it just be better to make the one in the corner an image? If so, how could I make the image behind the text then? (Yeah, sorry, I'm a n00b when it comes to HTML and stuff o.o;;;; )

Thanks for your help! ^_^
MaGiCSuN
04-21-2003, 04:05 PM
You could use a table instead and set the background on that. For example you have one background for the right side, and one for the left side.

Then you could make something like this:

<table border=0 cellspacing=0 cellpadding=0 height="100%" width="100%">
<tr><td background="left.gif" width="10%"></td>
<td valign="top" width="80%">your text here</td>
<td background="right.gif" width="10%"></td></tr></table>

It is not possible to add two backgrounds with only css, i've tried that before. also see this threads:

http://www.lissaexplains.com/forum/showthread.php?threadid=31345&highlight=two+backgrounds

although divs can have seperate backgrounds for each div! just search the forum for some more info on it

love,
mirna
suama
04-21-2003, 04:27 PM
Thank you!! ^_^ *Will try that later*

Yeah, but you said

It is not possible to add two backgrounds with only css, i've tried that before.

Does that mean you can still do it, just not with CSS?

Thanks again! ^_^
Alcy
04-21-2003, 05:04 PM
You could also use divs....

<body bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0">

<div style="width:100%; height:100%; background-image:url('topbanner.gif'); background-repeat:repeat-y; background-position:100% 100%">
<div style="width:100%; height:100%; background-image:url('topbanner.gif'); background-repeat:repeat-x; background-position:0% 100%;">

REST OF PAGE HERE

</div>
</div>

</body>