Problem with table+img

Y

Yves Lange

Hello,

I have a problem. I have a little marge under my images/main.jpg but i
don't understand why. I tried with firefox and IE 6.0 and i couldn't
find any solutions. Can somebody help me ?!?

Thks.






-----------------------------------------------------------------------------
<!-- # My Source Code -->

<?php
//*censorded
?>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<link href="//*censorded.css" rel="stylesheet" type="text/css">
</head>
<title>
//*censorded
</title>
<body>
<table border='0' cellspacing='1' cellpadding='0' width='800'>
<tr valign='top'>
<td width='100'>
<br>
<center><img src='//*censorded'></center>
</td>
<td>
<center><img src='//*censorded'></center>
</td>
</tr>
<tr valign='top'>
<td>
<div id='CadreBorder'>
<a href=//*censorded</div></a>
<a href=//*censorded</div></a>
</div>
</td>
<td>
<div id='CadreBorder'>
<center><strong>TITLE</strong></center>
<table border='0' cellspacing='0' cellpadding='0'
bgcolor='#333333'>
<tr>
<td valign='top'>
<center>
***************************************
<img src='images/main.jpg'>
***************************************
</center>
</td>
<td valign='top'>
...
<hr>
...
</td>
</tr>
</table>

<hr>
...
</div>
</td>
</tr>
</table>
</body>
</html>
 
Y

Yves Lange

Yves Lange a écrit :
Hello,

I have a problem. I have a little marge under my images/main.jpg but i
don't understand why. I tried with firefox and IE 6.0 and i couldn't
find any solutions. Can somebody help me ?!?

Thks.






-----------------------------------------------------------------------------

<!-- # My Source Code -->

<?php
//*censorded
?>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<link href="//*censorded.css" rel="stylesheet" type="text/css">
</head>
<title>
//*censorded
</title>
<body>
<table border='0' cellspacing='1' cellpadding='0' width='800'>
<tr valign='top'>
<td width='100'>
<br>
<center><img src='//*censorded'></center>
</td>
<td>
<center><img src='//*censorded'></center>
</td>
</tr>
<tr valign='top'>
<td>
<div id='CadreBorder'>
<a href=//*censorded</div></a>
<a href=//*censorded</div></a>
</div>
</td>
<td>
<div id='CadreBorder'>
<center><strong>TITLE</strong></center>
<table border='0' cellspacing='0' cellpadding='0'
bgcolor='#333333'>
<tr>
<td valign='top'>
<center>
***************************************
<img src='images/main.jpg'>
***************************************
</center>
</td>
<td valign='top'>
...
<hr>
...
</td>
</tr>
</table>

<hr>
...
</div>
</td>
</tr>
</table>
</body>
</html>
The problem is only in IE not in firefox since the last update.
 
E

Els

Yves said:
Yves Lange a écrit :

Hi :)
I have a problem. I have a little marge under my images/main.jpg but i
don't understand why. I tried with firefox and IE 6.0 and i couldn't
find any solutions. Can somebody help me ?!?
[snip]
<td valign='top'>
<center>
***************************************
<img src='images/main.jpg'>
***************************************
</center>
</td>
[snip]

The problem is only in IE not in firefox since the last update.

You really are using those asterisks before and after the image?

Anyway - without seeing your stylesheet, I can only guess the actual
cause, but there's generally two things you can do to eliminate the
space:
1. eliminate whitespace and line-breaks in your HTML
2. add this style rule to your stylesheet:
td img{display:block;}

HTH
 

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

Members online

Forum statistics

Threads
473,774
Messages
2,569,596
Members
45,132
Latest member
TeresaWcq1
Top