weird spaces?

[DanUK]

hello. I hope you can help me ... In the code below, above the 'Menu' text there is a weird space, and I cannot seem to find why it occurs. It only occurs when using the Mozilla web browser, but just wondered what's wrong please?

<TABLE border="0" cellPadding="0" cellSpacing="0" width="150">
<TBODY>
<TR>
<TD colSpan="3" width="150"><IMG border="0" height="29" src="images/blah2.gif" width="150"></TD>
</TR>
<TR>
<TD background="images/blah4.gif" width="17"></TD>
<TD bgColor="#FFFFFF" vAlign="top" width="114">
<IMG height="9" src="images/arrow.gif" width="9"> <strong>Menu 1<BR></strong>
<IMG height="8" src="images/bulletb.gif" width="8"> <a href="#">LINK</a><BR>
<IMG height="8" src="images/bulletb.gif" width="8"> <a href="#">LINK</a><BR>
<IMG height="8" src="images/bulletb.gif" width="8"> <a href="#">LINK</a><BR>
<IMG height="8" src="images/bulletb.gif" width="8"> <a href="#">LINK</a></TD>
<TD background="images/blah3.gif" width="19"></TD>
</TR>
<TR>
<TD colSpan="3" width="150">
<IMG border="0" height="21" src="images/blah5.gif" width="150"></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border="0" cellPadding="0" cellSpacing="0" width="138">
<TBODY>
<TR>
<TD colSpan="3" width="150"><IMG border="0" height="29" src="images/blah2.gif" width="150"></TD>
</TR>
<TR>
<TD background="images/blah4.gif" width="17"></TD>
<TD bgColor="#FFFFFF" vAlign="top" width="114">
<IMG height="9" src="images/arrow.gif" width="9"> <strong>Menu 2<BR></strong>
<IMG height="8" src="images/bulletb.gif" width="8"> <a href="#">LINK</a><BR>
<IMG height="8" src="images/bulletb.gif" width="8"> <a href="#">LINK</a><BR>
<IMG height="8" src="images/bulletb.gif" width="8"> <a href="#">LINK</a></TD>
<TD background="images/blah3.gif" width="19"></TD>
</TR>
<TR>
<TD colSpan="3" width="150"><IMG border="0" height="21" src="images/blah5.gif" width="150"></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border="0" cellPadding="0" cellSpacing="0" width="147">
<TBODY>
<TR>
<TD colSpan="3" width="150"><BR>
<IMG border="0" height="29" src="images/blah2.gif" width="150"></TD>
</TR>
<TR>
<TD background="images/blah4.gif" width="17"></TD>
<TD bgColor="#FFFFFF" vAlign="top" width="114">
<IMG height="9" src="images/arrow.gif" width="9"> <strong>Menu 3<BR></strong>
<IMG height="8" src="images/bulletb.gif" width="8"> <a href="#">LINK</a><BR>
<IMG height="8" src="images/bulletb.gif" width="8"> <a href="#">LINK</a><BR>
<IMG height="8" src="images/bulletb.gif" width="8"> <a href="#">LINK</a></TD>
<TD background="images/blah3.gif" width="19"></TD>
</TR>
<TR>
<TD colSpan="3" width="150">
<IMG border="0" height="21" src="images/blah5.gif" width="150"></TD>
</TR>
<TR>
<TD colSpan="3" width="150"><BR>
<IMG border="0" height="29" src="images/blah2.gif" width="150"></TD>
</TR>
<TR>
<TD background="images/blah4.gif" width="17"></TD>
<TD bgColor="#FFFFFF" vAlign="top" width="114">
<IMG height="9" src="images/arrow.gif" width="9"> <strong>Menu 4</strong> <a href="#"><img src="images/image.gif" width="20" height="10" border="0"></a></TD>
<TD background="images/blah3.gif" width="19"></TD>
</TR>
<TR>
<TD colSpan="3" width="150">
<IMG border="0" height="21" src="images/blah5.gif" width="150"></TD>
</TR>
</TBODY>
</TABLE>

[DanUK]

also this may be due to CSS maybe? my css is attached, thanks!

[DanUK]

any ideas on this guys?
sorry to be a nuisance.

[PeOfEo]

Is it on the web? I dont really want to try to recreate the page on my computer from the table you have given me... Also You need to know that ie and mozilla handle css differently, mozilla the correct way and ie the all buggy and cruddy way.

[DanUK]

Sorry it's not online .. I only have it accessible via Intranet at the moment, my apologies.

[DanUK]

Hello.
Does anyone have any ideas on this please? i've completely ran out of ideas.
Thanks if you can provide any assistance.

Many thanks, again.

[PeOfEo]

<IMG height="9" src="images/arrow.gif" width="9"> <strong>Menu 1<BR></strong> change this to </strong></br> That might not fix the space but it is a little flaw that you might want to fix

[DanUK]

hello thanks.
tried that, thanks for pointing that out.
But you're correct, it hasn't resolved the problem.
Weird :)

[PeOfEo]

I you are not using css for layout at all but just using it for like link color and font color (I looked at your css file but it somehow got all jumbled and it was hard to see what was happening) it will not create any spaces, I highly doubt it would atleast. I would set heights for your table cells that have widths specified, not just the image inside. That could be a mozilla bug.

[Fang]

I can only see a space above Menu3 and Menu4 due to the <BR> in the <IMG> tag above the text. Is this what you mean?

[DanUK]

Hello.
Thank you for your reply.
I tried removing the BR tag in the IMG just to see, of course the text went weird, but the space still exists in Mozilla.
This is really odd :\

Thanks again for your assistance guys.

[DaveSW]

Have you checked the validators?

http://validator.w3.org/ for html

http://jigsaw.w3.org/css-validator/ for the css file


You can attach files from your pc.

I may have time to look later, but I'm off for lunch now.

[PeOfEo]

I have not bothered to recreate the table in an html document so thats why I cant see the space. Ok I redid it I dont know if this is how you wanted it but I dont see any spaces anywhere on mozilla, or on ie (which had spaces too for that matter). Also Done use a <br> to space between your objects. Either put a small table cell there in a table layout or use css to do your spacing.

[DanUK]

Originally posted by PeOfEo
I have not bothered to recreate the table in an html document so thats why I cant see the space. Ok I redid it I dont know if this is how you wanted it but I dont see any spaces anywhere on mozilla, or on ie (which had spaces too for that matter). Also Done use a <br> to space between your objects. Either put a small table cell there in a table layout or use css to do your spacing.

Thank you very much, I'll try and give this a test later on. Thank you again :).

[Fang]

I couldn't recreate your problem. Which version of Mozilla are you using? A screen shot and/or full code may give the answer.

[DanUK]

Originally posted by Fang
I couldn't recreate your problem. Which version of Mozilla are you using? A screen shot and/or full code may give the answer.

Hello there.
Good point, I am using 1.2 mozilla, and I just checked their website, and it's 1.4.
I'll try and update my mozilla later tonight after work, and i'll keep you posted.

Many thanks again!