can css set custom borders for a table? (<table>)

Dev Shed Forums Sponsor:

April 5th, 2004, 08:30 AM

helz

Contributing User

Join Date: Sep 2003

Posts: 365

Time spent in forums: 10 h 45 m 38 sec
Reputation Power: 6

can css set custom borders for a table? (<table>)

Hi all, what i want is to customise the borders of a table...
i know that <div>'s can have custom borders but, for the way that the page works i used table tags <table>. (very little experience of using <div>)

is there a way that css can manipulate the borders of a table?
i tried using this css:

.nmhead {
border-color:#cccccc;
border-top:border-top-style:none;
border-left:border-left-style:none;
border-right:border-right-style:double;
border-bottom:border-bottom-width:5px;
}

and then in the table doing this:
<td class='nmhead'>

but it didnt work (attached is what i want it to look like)

any ideas?

Attached Images

table.bmp (15.8 KB, 118 views)

April 5th, 2004, 09:39 AM

khwang

Über nübe

Join Date: Sep 2003

Location: Babylon 4

Posts: 240

Time spent in forums: 29 m 27 sec
Reputation Power: 6

Something like this?

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
</head>

<body>
<style type="text/css">



.nmhead {
border-color:#cccccc;
border-top-style:none;
border-left-style:none;
border-right-style:double;
border-bottom:1px solid #cccccc;

}

.nmhead2 {
border-color:#cccccc;
border-top-style:none;
border-left-style:none;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;

}

</style>


<table cellspacing="0" cellpadding="2">
<tr>
<td class='nmhead'>test 1</td>
<td class='nmhead2'>123</td>
<td class='nmhead2'>123</td>
<td class='nmhead'>123</td>
<td class='nmhead2'>369</td>

</tr>


<tr>
<td class='nmhead'>test 2</td>
<td class='nmhead2'>231</td>
<td class='nmhead2'>231</td>
<td class='nmhead'>213</td>
<td class='nmhead2'>675</td>

</tr>


</table>


</body>
</html>

__________________
Hello, old friend...

April 5th, 2004, 10:04 AM

helz

Contributing User

Join Date: Sep 2003

Posts: 365

Time spent in forums: 10 h 45 m 38 sec
Reputation Power: 6

Thanks for that
found out the error in my code

Viewing: Dev Shed Forums > Web Design > CSS Help > can css set custom borders for a table? (<table>)

« Previous Thread | Next Thread »

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump