Two backgrounds in a table?
Moderator: General Moderators
Two backgrounds in a table?
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.
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.
Code: Select all
<div background="blah stretch">
<table img src="blah static" valign="top">
</table>
</div>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>
- Chris Corbyn
- Breakbeat Nuttzer
- Posts: 13098
- Joined: Wed Mar 24, 2004 7:57 am
- Location: Melbourne, Australia
FYI, you can have 2 backgrounds using CSS like this
This only works in Safari thought at the moments...GO OS X!!! 
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;
}Feyds concept and Ninja Goats solution seems like a way to go.
Try it here.
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> 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.
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.
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?JayBird wrote:FYI, you can have 2 backgrounds using CSS like this
This only works in Safari thought at the moments...GO OS X!!!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; }