Adding borders to selected sides?

The Infinity · Jan 16, 2007

Is it possible to add a border to the right and left side of a table and not the top and bottom?

starcab · Jan 16, 2007

No I don't think so.

JamesM · Jan 16, 2007

starcab said:
No I don't think so.

Um actually you can by adding a somple CSS file to the .html file, just add this to the table and add a class tot he table and name this border. As you can see below there is no top and bottom, just left side and right side are all encased in a border.

I keep making mistakes in typing I needs som sleep

So here is a simple example.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="border">This is a test page</td>
  </tr>
</table>
</body>
</html>

Code:

.border {
	border-right: thin solid #222;
	border-left: thin solid #222;
	margin:0;
	padding: 10px
}

Eriksrocks · Jan 17, 2007

Yeah, just use some CSS.

HTML:

style="border-left: 1px solid #FF0000; border-right: 1px solid #FF0000;"

JamesM · Jan 17, 2007

Yeah that's the one I could not remember, I was tired and sleepy and could not remember, this is probably the easiest way, although CSS style make it look neat instead of a load of messed up code on the page.

Adding borders to selected sides?

The Infinity

starcab

JamesM

Eriksrocks

JamesM

Top Contributors this Month