Log in

View Full Version : Cell background problem in Firefox


Theberge43
08-07-2009, 08:13 PM
Hi,

I have a table in which the first row has no border and a background image and the other rows have borders but no background images.

Firefox seems to leave a space at the beginning of the first row and it doesn't do it in IE :

FF
http://i78.photobucket.com/albums/j96/Theberge43/ff.png

IE
http://i78.photobucket.com/albums/j96/Theberge43/ie.png

Do you know what could be causing this ?
TheJoshMan
08-07-2009, 10:31 PM
Could we see a link to the problem page?
Theberge43
08-08-2009, 12:59 AM
It's on my localhost.

Here is the part of the HTML:

<!-- start: forumbit_depth1_cat -->
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<thead>
<tr>

<td class="thead" colspan="5">
<div class="cat_icon">
<div class="expcolimage">
<img src="images/lp3e/collapse.gif" id="cat_1_img" class="expander" alt="[-]" title="[-]" />
</div>
<strong>
<span style="position: relative; left: 26px;">
<a href="forumdisplay.php?fid=1">My Category</a>

</span>
</strong>
</div>
</td>
</tr>
</thead>
<tbody style="" id="cat_1_e">
<!-- start: forumbit_depth2_forum -->
<tr>

<td id="forum_icon" rowspan="2" class="trow1" align="center" valign="middle" width="1">
<img src="images/lp3e/off.gif" alt="Ce forum ne contient pas de nouveaux messages" title="Ce forum ne contient pas de nouveaux messages" class="ajax_mark_read" id="mark_read_2" />
</td>
<td rowspan="2" class="trow1" valign="middle" width="100%">
<strong><a href="forumdisplay.php?fid=2">My Forum</a></strong>
<div class="smalltext">Test description.<br /><!-- start: forumbit_subforums -->
<strong>Sous-Forums :</strong> <img src="images/lp3e/minioff.gif" alt="Ce forum ne contient pas de nouveaux messages" title="Ce forum ne contient pas de nouveaux messages" class="subforumicon ajax_mark_read" id="mark_read_5" /><a href="forumdisplay.php?fid=5" title="">Sub Forum</a>

<!-- end: forumbit_subforums --></div>
</td>
<td colspan="2" class="trow1" valign="middle" style="white-space: nowrap; min-width: 275px;"><!-- start: forumbit_depth2_forum_lastpost -->
<div><a href="showthread.php?tid=1&amp;action=lastpost" title="Test">Test</a>
<br />
<div class="smalltext">par <a href="member.php?action=profile&amp;uid=2">Tester</a> 07-27-2009 10:09 PM
</div>
</div>
<!-- end: forumbit_depth2_forum_lastpost --></td>
</tr>
<tr>

<td class="trow1" valign="middle" align="center" style="white-space: nowrap">Sujets : 3</td>
<td class="trow1" valign="middle" align="center" style="white-space: nowrap">Messages : 8</td>
</tr>
<!-- end: forumbit_depth2_forum -->
</tbody>
</table>
<br />
<!-- end: forumbit_depth1_cat -->

The class="thead" is the one with the bg problem.
Snookerman
08-08-2009, 05:26 AM
There shouldn't be any spaces before and after inline tags, try this instead:

<thead>
<tr>
<td class="thead" colspan="5"><div class="cat_icon">
<div class="expcolimage"><img src="images/lp3e/collapse.gif" id="cat_1_img" class="expander" alt="[-]" title="[-]" /></div>
<strong><span style="position: relative; left: 26px;"><a href="forumdisplay.php?fid=1">My Category</a></span></strong></div></td>
</tr>
</thead>
Good luck!
Theberge43
08-08-2009, 12:32 PM
Didn't change anything.
Snookerman
08-08-2009, 05:52 PM
Do the same with all image tags. If it still doesn't work, please post a link to your site.

Good luck!