Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Change border in <table> 1

Status
Not open for further replies.

Busken

Technical User
Dec 14, 2004
19
SE


I need a thinner line then border="1", can this be done?
 

Like this:

Code:
<html>
<head>
	<style type="text/css">
		table.thinBorder {
			border-collapse: collapse;
		}

		table.thinBorder, table.thinBorder tr td {
			border: 1px solid #000000;
		}
	</style>
</head>

<body>
	<table class="thinBorder" border="0">
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
			<td>5</td>
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
			<td>8</td>
			<td>9</td>
		</tr>
	</table>
	<table border="1">
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
			<td>5</td>
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
			<td>8</td>
			<td>9</td>
		</tr>
	</table>
</body>
</html>

The border on the first table is thinner than on the second (with border="1").

Hope this helps,
Dan


The answers you get are only as good as the information you give!

 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top