Table Image Borders

programming
1

Hey there :slight_smile: I was just wondering how I make the left and right side of my table an Image? I’ve made a fade-away graph that Id like to use that I figure would look sort of nice for my site Im making…

Thanks in advance :love:
r00fies

2

You’ll need to slice the image to get the edge pieces that you need, then insert them as repeating background images in narrow cells along either edge of your table.

The example in the thread linked below includes rounded corners and a top & bottom too, but you should still be able to get the idea.

http://www.kirupaforum.com/forums/showthread.php?s=&threadid=26644

3

Humm, if you know the code to do that, do you think you could paste it here for me? I’ve never heard of that before :trout: Thanks a lot…

r00fies

4

did you even look at the link abzoid posted?

the code is in that thread…

Rev

5

Yes I looked at it, but I dont think thats what Im trying to archieve. http://www.teamnerve.com/ has it, but when I try out the code he used it didn’t seem to work. (Look at both sides of the websites main content, youll see a faded-like graph)… That’s what Im trying to get there.

If what he posted works for what Im trying to do, then I suppose Ill head out and try it, but I dont think thats it :smirk:

r00fies

6

I see no graph on the sides at all, and the only “faded-like” part I see is the green gradient along the right side. Looking at the code, this green edge is done essentially the same way as my example, using images within table cells. He’s also using some CSS to control table attributes, but CSS isn’t required to achieve the effect.

7

Thats weird :!: I see a faded Grey to Black graph on both sides of the tables… IE5 is what Im using…

8

Can’t you just make 1 table, and have the BG be the whole image?

9

Don’t worry about all that just use this


<TABLE height="100%">
	<TR>
		<TD width="50%"></TD>
		<TD background="Images/ImageL.gif" width="50" height="100%"></TD>
		<TD>
		<TABLE>
			<TR>
				<TD>Content Here</TD>
			</TR>
		</TABLE>
		</TD>
		<TD background="Images/ImageR.gif" width="50" height="100%"></TD>
		<TD width="50%"></TD>
	</TR>
</TABLE>

Just change the background images to whatever your images are.

10

Ahhh I got it now, thanks a lot guys… I appreciate your help.