View Full Version : Table borders...image?


PuffleBipkins
02-19-2003, 07:34 PM
Umm alrighty. I'm so stupid and tables confuse me. Hehe...so say I have an image that I'd like to use as my border, how do I do that. Like, it's 1 pixel high so every time the table go longer, it would just repeat. I know I've seen it on other sites, so what do I do? Instead of bordercolor=whatever, what do I have to do? Thanks for helping my helpless mind.

Alcy
02-19-2003, 10:02 PM
Something like this? It's a table, inside a table. The width and height of the outside table (where the image set as the border) is 2px larger than the inside table.

<table background="IMAGE.GIF" width=502 height=502 cellpadding=0 cellspacing=0 border=0>
<tr>
<td align=center valign=center width=500 height=500>

<table bgcolor=FFFFFF width=500 height=500 cellpadding=0 cellspacing=0 border=0>
<tr>

<td valign=top>PAGE CONTENT HERE.</td>

</tr>
</table>

</td>
</tr>
</table>


But, if you want to set a 1px border for your table, wouldn't it easier to just set the table border to 1px :)?
<table style="border:1px solid; border-color:000000;">

PuffleBipkins
02-20-2003, 12:58 AM
Thanks! That helped a lot, but I have another question -groans-. Okay, here is the page I'm using it on

http://dispari.org/jamie/1.html

now, you see it's in the center? Well yes, it's because it's aligned that way, but I tried absolute positioning it and the first table was up high, but you couldn't even see it, and the second one ended up waaaaay far down. Is there any way to fix that? And also, you see how there's a TINY bit of the background table showing at the top and bottom of the tables? Is there any way to get rid of that? Sorry for all the questions :P

See what I wanted was that table on the left, and then I was going to make another one on the right, a larger one for all of my portfolio junk :P Heeeeelp.

Alcy
02-20-2003, 09:55 PM
Just set the cellpadding and cellspacing to zero to get rid of the space at the bottom....

<table align="left" background="border1.jpg" border="0" cellpadding="0" cellspacing="0" width="264">
<td>

<table align="center" bordercolor="#D7297F" bgcolor="#FC84BD" border="1" cellpadding="0" cellspacing="0" width="234">
<td>
<font size=1>
Test test test Seann William Scott is hot.<br>
Test test test Seann William Scott is hot.<br>
Test test test Seann William Scott is hot.<br>
Test test test Seann William Scott is hot.<br>
Test test test Seann William Scott is hot.<br>
</font>
</td>
</table>

</td>
</table>

PuffleBipkins
02-20-2003, 10:34 PM
Thank you!! I've attempted to add another table to the right of that one. But for some reason, it looks rather strange. I tried to position it, because I want it to be to the right of it, but it isn't working out exactly as I was hoping. So how would I absolute position it? I just have it aligned (center) right now...but I don't want it like that. And I'm not sure of how to make the table(s) that I'm attempting to create now the same height as the one on the left, so they go all the way down, even when it doesn't contain as much stuff as the other one. Thanks for all of your help.

PuffleBipkins
02-23-2003, 07:46 AM
...anyone? I just can't position the second one correctly. Do I use DIV's? Sorry I haven't made a layout like this before -_-

Just Alex
03-16-2003, 03:25 PM
When I position my tables I use <TABLE style="position:absolute; left:100px, top:500px" width="400">

Just sub in your numbers.