Page 1 of 1
Two backgrounds in a table?
Posted: Thu Nov 02, 2006 12:41 pm
by Shaneckel
I have a table that has a stretching 1 pixel background and a 40 pixel picture to idol at the top. Then entire table is static horizontal, but stretchs vertically 100%.
Now what I'd like to do is have a stretching background to this table as well as having a picture in the background. I wish to put the text content ontop of both.
I am stumped and any ideas would be grateful.
If this is too confusing text, I can put up a root soon.
Posted: Thu Nov 02, 2006 1:49 pm
by feyd
Nested containers. For example a div around a table. The div has the stretched background, the table has the positioned picture.
Posted: Thu Nov 02, 2006 2:07 pm
by Shaneckel
Code: Select all
<div background="blah stretch">
<table img src="blah static" valign="top">
</table>
</div>
I'm really bad at code, typically I have shiznatix do it. but I think he's drunk.
Posted: Thu Nov 02, 2006 2:41 pm
by Luke
I prefer CSS (your html was syntactically incorrect anyway)
Code: Select all
<div style="background: url(image/stretch.gif)">
<table style="background: url(image/positioned.gif)" valign="top">
</table>
</div>
Posted: Thu Nov 02, 2006 3:18 pm
by Chris Corbyn
Posted: Fri Nov 03, 2006 3:21 am
by JayBird
FYI, you can have 2 backgrounds using CSS like this
Code: Select all
div.test {
background-image: url(../pix/logo1.gif), url(../pix/picture2.gif);
background-repeat: repeat-y;
background-position: top left, top right;
width: 385px;
height: 100px;
border: 1px solid #000000;
}
This only works in Safari thought at the moments...GO OS X!!!

Posted: Fri Nov 03, 2006 2:29 pm
by Shaneckel
That would work on about 20 computers in the world.
but I need this to work on all computers.
Posted: Fri Nov 03, 2006 4:24 pm
by JellyFish
Feyds concept and Ninja Goats solution seems like a way to go.
Code: Select all
<div style="background: url(http://forums.devnetwork.net/images/smiles/icon_exclaim.gif)">
<table style="background: url(http://googel.com/images/logo.gif) no-repeat;" valign="top">
<tr>
<td>
<b>Text is above it. Bahahahahahahahahaha</b>
<br>
<br>
<br>
<br>
<br>
</td>
</tr>
</table>
</div>
Try it here.
Posted: Sat Nov 04, 2006 7:55 am
by Shaneckel
http://www.shaneckel.com/New/shane.htm
I didn't think about it, and now I don't know if this is possible but I need to add two backgrounds to a cell. I don't think the div trick will work for that.
If you have any suggestions on where to start on rewriting this site, I'd appreciate the help. It's just a photoshop cut-out.
Posted: Sat Nov 04, 2006 8:08 am
by feyd
What's going in this cell?
Posted: Sat Nov 04, 2006 8:46 am
by Shaneckel
include. so other php files.
Posted: Mon Nov 06, 2006 12:34 am
by Shaneckel
problem solved, Thanks a million.
I decided to put the div inside the cell and give it a size.
Yaa I'm learning.
Posted: Mon Nov 06, 2006 12:52 am
by shoebappa
JayBird wrote:FYI, you can have 2 backgrounds using CSS like this
Code: Select all
div.test {
background-image: url(../pix/logo1.gif), url(../pix/picture2.gif);
background-repeat: repeat-y;
background-position: top left, top right;
width: 385px;
height: 100px;
border: 1px solid #000000;
}
This only works in Safari thought at the moments...GO OS X!!!

Is this a standard? I hadn't seen that but it'd be killer to not have to use nested divs to accomplish the same thing. Does the background-repeat work the same way?