Basic query

B

Brian Tozer

In the following situation why would there be a narrow band of the
background colour appearing above the graphic, and a wider/thicker/taller
band appearing below it.
I know how to handle the situation with CSS but would like to know why this
situation exists.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
</head>

<body>
<table width="100%">
<tr>
<td bgcolor="red">
<img src="foo.gif">
</td>
</tr>
</table>
</body>
</html>

Thanks
Brian Tozer
 
H

Hywel Jenkins

In the following situation why would there be a narrow band of the
background colour appearing above the graphic, and a wider/thicker/taller
band appearing below it.
I know how to handle the situation with CSS but would like to know why this
situation exists.

<td bgcolor="red">
<img src="foo.gif">
</td>
Click to expand...

There's whitespace. Try this:
<td bgcolor="red"><img src="foo.gif"></td>
 
B

Brian Tozer

(e-mail address removed) says...
Click to expand...
There's whitespace. Try this:
<td bgcolor="red"><img src="foo.gif"></td>
Click to expand...

Aha! Many thanks.
I now have what looks like a few pixel width of border of the background
colour showing above and below the graphic, which I have been unable to
eliminate.
I have implemented what must be overkill to try and eliminate this border.
To no avail.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
}

..noborder {
border: 0px;
margin: 0px;
padding: 0px;
}

..table1 {
width: 500px;
background-color: red;
border: 0px;
padding: 0px;
margin: 0px;
}

-->
</style>
</head>

<body>
<table class="table1">
<tr>
<td class="noborder"><div class="noborder"><img class="noborder"
src="foo.gif" width="410" height="54"></div></td>
</tr>
</table>
</body>
</html>

Thanks
Brian Tozer
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

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
Javascript DOM 1
How to wrap <td> content . 16
Sort by number of characters 1
About as basic "Newbie-Question" that you can get. 3
Help with Visual Lightbox: Scripts 2
Script to send email not working 1
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1

Members online

No members online now.
Total: 27 (members: 0, guests: 27)
Robots: 128

Forum statistics

Threads
473,774
Messages
2,569,599
Members
45,175
Latest member
Vinay Kumar_ Nevatia

Latest Threads

Top