Table Borders
Hi guys,
I have an html table that i would like to put a cool border around.
anyone have any good tips????
cheers
Jonno
Hi guys,
I have an html table that i would like to put a cool border around.
anyone have any good tips????
cheers
Jonno
Roo posted this at 21:55 — 27th April 2005.
She has: 840 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
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 protected]][email protected][/EMAIL]
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.