Studio64
04-16-2002, 05:22 PM
Does anyone have a good web reference for adding images as the borders for tables?
Such as some of php-Nuke Themes... Example (http://lg.std64.com)
Such as some of php-Nuke Themes... Example (http://lg.std64.com)
![]() | View Full Version : Tables Question... Studio64 04-16-2002, 05:22 PM Does anyone have a good web reference for adding images as the borders for tables? Such as some of php-Nuke Themes... Example (http://lg.std64.com) Bullschmidt 04-16-2002, 06:18 PM It looks like they use background images such as this: <td background=themes/Kaput/images/backdot.gif... DjPaj 04-16-2002, 06:29 PM That's what they are doing, here is the top border of one of the tables: <tr> <td width="15" height="15"><img src="themes/Kaput/images/up-left2.gif" alt="" border="0"></td> <td background="themes/Kaput/images/up2.gif" align="center" width="100%" height="15"> </td> <td><img src="themes/Kaput/images/up-right2.gif" width="15" height="15" alt="" border="0"></td> </tr> Although it isn't really recommended as you can see how it weighs down your document and you are stuck with a slow load time, just stick to CSS for your borders, you can usually get a nice effect with simple CSS. DjPaj 04-16-2002, 06:29 PM Damn submit button :D Sorry hit it twice by accident Elena 04-16-2002, 07:04 PM It's pretty easy.. To make a table with images, you'll need to follow these rules. For your rows all your images will have to be the same height, for the collumns your images will all have to be the same width. Below is an example code with colors to show which need to match:<table border=0 cellpadding=0 cellspacing=0> <tr><td width=10><img src=top1.gif width=10 height=10></td><td width=300 background=top2.gif><img src=spacer.gif width=300 height=10></td><td width=10><img src=top3.gif width=10 height=10></td></tr> <tr><td width=10 background=mid1.gif><img src=spacer.gif width=10 height=300></td><td width=300> ---content here--- </td><td width=10 background=mid2.gif><img src=spacer.gif width=10 height=300></td></tr> <tr><td width=10><img src=bot1.gif width=10 height=10></td><td width=300 background=bot2.gif><img src=spacer.gif width=300 height=10></td><td width=10><img src=bot3.gif width=10 height=10></td></tr> </table>That's how I'd explain it anyway.. hope that wasn't too confusing LOL - you can see what the code ends up looking like here (http://tutorials.upside-down.net/tables/). Also, generally the mid sections of a table like this will have a transparent gif holding the width or height and the image for the border would be placed as a background.. this is to prevent strange jumbled effects if the content in the center is too long or wide. |