Member Avatar for JayGeePee

For some reason I'm getting these dotted lines under my tables in all browsers-

Heres what I'm talking about

Blah blah Content
.............................
Blah more content
.............................
Heres a little more
.............................

I have my table border set to 0. It dont go all the way around it just sits right under it. I put a border around my tables to see if it helped and yet the dotted lines are still there in-between the bordered table content. There horizontal not vertical!

Recommended Answers

All 3 Replies

perhaps the parent element of the table has the relevant setting - ex:

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

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
#envelope{border-bottom:1px dotted black;}
-->
</style>

</head>
<body>
	<div id="envelope">
	<table summary="">
		<tr>
		<td>x</td>
		</tr>
	</table>
	</div>
</body>
</html>
Member Avatar for JayGeePee

I figured it out... It was a repeating dot image thats suppose to separate the content that I didn't see. Looks so much better. Thanks for any input!

What I'm about to post is probably what you already know, but when I tried the following code, I got no borders on the table.

<html>
	<head>
		<title>My Title</title>
	</head>
	
	<body>
		<table border="none">
			<tr>
				<td>Some content</td>
			</tr>
			<tr>
				<td>Some content</td>
			</tr>
			<tr>
				<td>Some content</td>
			</tr>
		</table>
	</body>
</html>

I hope that helps.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.