Really complex table bordering [resolved]

**filburt1** · Nov 16th, 2001, 10:13 PM

I'm trying to do something like this:

Code:

+-------------------------+
| Date | stuff            |
| Date | more stuff       |
| Date | other stuff      |
+-------------------------+

Where the red |s are borders. To my knowledge HTML tables only support a border around every cell or none at all; how can I get it to only be on certain cells on certain sides like above?

**Wynd** · Nov 16th, 2001, 10:33 PM

Use CSS:

Code:

<html>
<head>
<title>New HTML Document</title>
<style>
.redside {border-left:2px solid red;}
</style>
</head>
<body>
<table>
 <tr>
  <td>Date</td><td class="redside">stuff</td>
 </tr>
 <tr>
  <td>Date</td><td class="redside">more stuff</td>
 </tr>
 <tr>
  <td>Date</td><td class="redside">other stuff</td>
 </tr>
</table>
</body>
</html>

**beachbum** · Nov 16th, 2001, 10:40 PM

If u dont want to use CSS then u can simply set the border properties within the <td> tags
Regards
Stuart

<td width="10%" border-left: 1 solid #000000">
U can set border left, top etc. The only thing to watch out for is that u need to have "something" in a cell even &nbsp or the borders may not render in some browsers.

**Wynd** · Nov 17th, 2001, 01:36 PM

That's still CSS, just using inline styles instead of in the <style> tag. You can do this:

Code:

<td style="border-left:2px solid red;">stuff</td>

but I think it's easier using the <style> tag because if you want to change the style, you don't have to go back and change every single <td>, you just change the style rule.

**filburt1** · Nov 17th, 2001, 02:09 PM

Thanks guys, it works bootifully.

scoutt · Nov 18th, 2001, 03:40 PM

I know you said resolved in the title but I just wanted to let you know that NS doesn't do borders in cells. you have to make a table inside a table to get it to work with NS.

FYI

**sail3005** · Nov 18th, 2001, 04:26 PM

it should work with CSS in NS6 though.. i think

**filburt1** · Nov 18th, 2001, 04:40 PM

Figures, NS never does anything right with tables.

But as you can see where I used it (http://liquid2k.com/filburt1/vbtips) it's not critical that it works, it's just a nice touch.

**sail3005** · Nov 18th, 2001, 05:08 PM

i just checked it out in NS6 and your site looks the same as IE.

scoutt · Nov 20th, 2001, 10:51 AM

sorry I meant NS4.x the other black meat

**sail3005** · Nov 20th, 2001, 04:08 PM

hahaha, thats another story

scoutt · Nov 20th, 2001, 04:18 PM

the borders aren't the same colors in NS4.77 and NS6.1. as they are in IE, but all in all they look pretty close to the same. NS4.77 doesn't have the black line going down the left hand side, but it looks ok.

**sail3005** · Nov 20th, 2001, 04:29 PM

yeah, actually not bad for NS4x

Thread: Really complex table bordering [resolved]

Thread Tools

Display

Really complex table bordering [resolved]

Posting Permissions