Hi guys,
I have an html table that i would like to put a cool border around.
anyone have any good tips????
cheers
Jonno
- aPaddedCell © Copyright 2006-2008 InterMedia. Site and all articles (unless otherwise specified) licensed under a Creative Commons License. Icons based upon the Tango icon set by various artists.
- All trademarks and copyrights on this page are owned by their respective owners. Forum posts are owned by the individual posters.
Roo posted this at 21:55 — 27th April 2005.
She has: 836 posts
Joined: Apr 1999
Do it in the css:
.tableborder {
border: 1px solid #DCDCDC;
}
You can also use:
any pixel size
Or instaed of pixel size:
thin
medium
thick
Or:
double
dotted
dashed
groove
ridge
inset
outset
• Edit •
This is in an external CSS file, are you familair with that?
Called into the code within the tag
Roo
Blog • Photolog • Galleries • KidsWeb • Baby Picasso • Web Design
DJ Jonno posted this at 23:04 — 27th April 2005.
He has: 6 posts
Joined: Mar 2005
cheers
sorted it out now
JabezDesign posted this at 14:03 — 29th April 2005.
He has: 3 posts
Joined: Apr 2005
Here try this (I hope you are familiar with css codes):
<html><head>
<title></title>
<style type="text/css">
body{background-color:#CCCCCC;}
.nonwhite{background-color:#6633CC;}
.white{background-color:#FFFFFF;}
.title{font-family:verdana; font-weight:normal; font-size:15px; color:#000000;}
</style>
</head>
<body>
<table width="450" border="0" cellspacing="0" cellpadding="0" height="50">
<tr>
<td>
<table width="95%" border="0" cellpadding="1" cellspacing="0" class="nonwhite">
<tr>
<td>
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="white">
<tr>
<td class="title">Comments Goes Here</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
The attribute cellpadding="1" is the width of the border around the table.
The attribute class="nonwhite" is the color of the border, play around with this in the css part of the page, and change to whatever color you want.
The attribute class="white" is the background color of your table itself, you can also change this.
Of course mess around with the width, height, etc., etc.
Hope this helps!
Good Luck!
Jabez Design Solutions
Creativity with no limits
Website Address: http://www.jabezdesign.com/
Email Address: [EMAIL=buddy@jabezdesign.com]buddy@jabezdesign.com[/EMAIL]