Hyperlink menu gifs and Netscape 4.x

[andybjackson]

I'm using the following basic HTML to display a single row of hyperlinked gifs for a menu bar (2nd row):

problem is, in Netscape 4.x I'm getting a *vertical* column of gifs in the second table row, each on its own paragraph line, rather than the single horizontal row which IE gives OK. Any ideas?

<TABLE cellPadding=0 width="100%" border=0 cellspacing=0>

<TR><TD valign="top">

<p style="margin-left:0"><a href="index.htm"><img src="images/poems2.gif" alt="Return to the Poem homepage"></a></p>

</td><td>

<p class="note" align="right"><strong>Links</strong></p>

</td></tr>

<tr><td width="100%" colspan="2">
<p style="margin-left:0"><a href="index.htm"><img src="images/home1.gif" alt="Home page"></a><a href="poems/index.htm"><img src="images/poems1.gif" alt="Poems"></a><a href="links.htm"><img src="images/news1.gif" alt="News"></a><a href="limelight/index.htm"><img src="images/lime1.gif" alt="Limelight"></a><a href="offshoots/index.htm"><img src="images/off1.gif" alt="Offshoots"></a><a href="about.htm"><img src="images/about1.gif" alt="About us"></a><a href="discussion.htm"><img src="images/discuss1.gif" alt="Discussion"></a></p>

</tr></td>
</table>

[AWildman]

Remove the width in the td tag. Then, if that doesn't work, try removing the width in the table tag. Use an absolute measure to see if that makes the difference for you.

Are the pictures in the second row about as wide as the entire first row? I.E. - the first row is determining the width of the rest of the table.

[andybjackson]

Hi there,

I've just tried removing percentage widths in <td> and <table> tags -- no difference. Also tried entering absolute pixel widths -- no difference!

There's still a paragraph space between row 1 and row 2 (also wondering how I can get rid of this in Netscape 4.x), and a paragraph space between each and every gif in row 2.

Could it be the CSS?

I've used this type of menu bar on another web page and Netscape was fine with it -- baffled as to why it's not working here.

Andy

[AWildman]

Did you for any reason change the display for anchors to block instead of inline?

I don't think Netscape likes margin- declarations. Create a class using something like .nomargins{margin: 0px;} That'll be cross-browser compatible.

In your code, you have lots of spaces. Does the actual html have spaces? I know when another programmer here uses a Mac and puts spaces into the html itself so that it is more readable, those spaces actually get translated onto the screen. SO - remove ANY space between tags.

[tedster]

I'm wondering if adding the width and height attributes for the images wouldn't help old NN4 figure things out.

Another thing I'd try is taking out the align attribute and declaring text-align:right; in the CSS. Same with changing the valign attribute to a vertical-align:top; rule. I've noticed before that NN4 doesn't do well when the old style attributes are mixed in with CSS.

NN4's CSS engine is based on javascript style sheets, and it's not a true css engine (amazing isn't it?) It gets crazy very easily because the technology is ANCIENT in web terms.