Removing space between cells in table

Bundy · Aug 16, 2006

Sorry for asking this but I cannot seem to get rid of the space between
the cells.

I have search various websites and newsgroups. I bet it is something
obvious.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Testing</title>

</head>

<body>
<table width="100%" height="400">
<tr>
<td bgcolor="#00FF33" border="0" cellpadding="0"
cellspacing="0"> </td>
<td bgcolor="#FFFF00" border="0" cellpadding="0"
cellspacing="0"> </td>
<td bgcolor="#FF00FF" border="0" cellpadding="0"
cellspacing="0"> </td>
</tr>
</table>
</body>
</html>

Regards

Bundy

Luigi Donatello Asero · Aug 16, 2006

Bundy said:
Sorry for asking this but I cannot seem to get rid of the space between
the cells.

I have search various websites and newsgroups. I bet it is something
obvious.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Testing</title>

</head>

<body>
<table width="100%" height="400">
<tr>
<td bgcolor="#00FF33" border="0" cellpadding="0"
cellspacing="0"> </td>
<td bgcolor="#FFFF00" border="0" cellpadding="0"
cellspacing="0"> </td>
<td bgcolor="#FF00FF" border="0" cellpadding="0"
cellspacing="0"> </td>
</tr>
</table>
</body>
</html>

Regards

Bundy

Url?

Jonathan N. Little · Aug 16, 2006

Bundy said:
Sorry for asking this but I cannot seem to get rid of the space between
the cells.

I have search various websites and newsgroups. I bet it is something
obvious.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Testing</title>

</head>

<body>
<table width="100%" height="400">
<tr>
<td bgcolor="#00FF33" border="0" cellpadding="0"
cellspacing="0"> </td>
<td bgcolor="#FFFF00" border="0" cellpadding="0"
cellspacing="0"> </td>
<td bgcolor="#FF00FF" border="0" cellpadding="0"
cellspacing="0"> </td>
</tr>
</table>
</body>
</html>

CSS to the rescue! Stop trying to do it with presentational markup and
learn about stylesheets:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Using CSS</title>

<style type="text/css">
TABLE { border-collapse: collapse; width: 100%; height: 400px; }
.example1 {color: #000000; background-color: #00ff33;}
.example2 {color: #000000; background-color: #ffff00;}
.example3 {color: #000000; background-color: #ff00ff;}
</style>
</head>
<body>
<table>
<tr>
<td class="example1"> </td>
<td class="example2"> </td>
<td class="example3"> </td>
</tr>
</table>
</body>
</html>

Bundy · Aug 16, 2006

Thank you.

Bundy

SendGrid email issue in responsive Gmail	1	Nov 4, 2021
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Image shifts to the right when export the page to pdf	4	May 5, 2023
validated html 5 table	19	Dec 2, 2013
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
PROBLEM: Images have spaces between table cells	3	Nov 25, 2004
How to wrap <td> content .	16	Sep 28, 2023
Sort by number of characters	1	Nov 2, 2023

Removing space between cells in table

Bundy

Luigi Donatello Asero

Jonathan N. Little

Bundy

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads