Tables - Table appears different in Netscape and IE

They have: 6 posts

Joined: Jun 1999

Hello all, I have a problem I hope somebody out there can help me with.

I have a table of vertical buttons. (As shown below)
As you can see all of the buttons are in 1 <TD></TD> tag. I used <BR> to move down to the next button. Netscape works but IE. there are large gaps in between each button. Can this be fixed?
Thanks
Stephen

<TABLE>
<TR>

<TD valign=top><A HREF="html.htm"onMouseOver="if (document.images) {
document.htmlbutton.src=htmlemboss.src;return true}"onMouseOut="if (document.images) {
document.htmlbutton.src=html.src;return true}"><IMG SRC="html.gif" NAME="htmlbutton"width=125 height=50 BORDER=0 ALT="html link"></A>
<BR>
<A HREF="javascript.htm"onMouseOver="if (document.images) {
document.javascriptbutton.src=javascriptemboss.src;return true}"onMouseOut="if (document.images) {
document.javascriptbutton.src=javascript.src;return true}"><IMG SRC="javascript.gif"NAME="javascriptbutton"width=125 height=50 BORDER=0 ALT="javascript link"></A>
<BR>
<A HREF="paintshoppro.htm"onMouseOver="if (document.images) {
document.paintshopprobutton.src=paintshopproemboss.src;
return true}"onMouseOut="if (document.images) {
document.paintshopprobutton.src=paintshoppro.src;return true}"><IMG SRC="paintshoppro.gif"NAME="paintshopprobutton"width=125 height=50 BORDER=0 ALT="paint shop pro link"></A>
<BR>
<A HREF="graphics.htm"onMouseOver="if (document.images) {
document.graphicsbutton.src=graphics2.src;
return true}"onMouseOut="if (document.images) {
document.graphicsbutton.src=graphics1.src;return true}"><IMG SRC="graphics1.gif"NAME="graphicsbutton"width=125 height=50 BORDER=0 ALT="graphics link"></A>
<BR>
<A HREF="shareware.htm"onMouseOver="if (document.images) {
document.sharewarebutton.src=sharewareemboss.src;
return true}"onMouseOut="if (document.images) {
document.sharewarebutton.src=shareware.src;return true}"><IMG SRC="shareware.gif"NAME="sharewarebutton"width=125 height=50 BORDER=0 ALT="shareware link"></A>
<BR>
<A HREF="search.htm"onMouseOver="if (document.images) {
document.searchbutton.src=search222.src;
return true}"onMouseOut="if (document.images) {
document.searchbutton.src=search111.src;return true}"><IMG SRC="search111.gif"NAME="searchbutton"width=125 height=50 BORDER=0 ALT="search engine link"></A>
<BR>
<A HREF="cool.htm"onMouseOver="if (document.images) {
document.coolbutton.src=cool2.src;
return true}"onMouseOut="if (document.images) {
document.coolbutton.src=cool1.src;return true}"><IMG SRC="cool1.gif"NAME="coolbutton"width=125 height=50 BORDER=0 ALT="cool stuff link"></A>
<BR>
<A HREF="stealersworld.htm"><IMG SRC="home_sel.gif"NAME="homebutton"width=125 height=50 BORDER=0 ALT="home link"></A></TD>
</TR>
</TABLE>

They have: 2,390 posts

Joined: Nov 1998

It seems the solution would be to use one table row/cell for each button and use the cellspacing atribute to determine the gap between the buttons.
JP

----------
The Webmaster Promotion and Resource Center.
Visit: http://www.what-next.com

They have: 220 posts

Joined: May 1999

There is a strange bug in the way Netscrape handles some tables. Sometimes when there are hard returns (aka hitting the Enter button) in your source of html in your table, Internet Explorer will show it fine, but Netscrape will insert little spaces between the elements.

The Solution is simple if this is the problem: Remove all hard returns. Use an editor that word wraps your source for you and after you have the source working, just 'put everything on one continous line'.

Also, always specify cellspacing and cellpadding values of 0...

<table border="0" cellspacing="0" cellpadding="0">

Hope this helps,

Matt

----------
1-On-1 Free Basketball Game - Wanna Play?
http://basketball-game.com

1-On-1 Free Basketball Game - Wanna Play?
http://basketball-game.com/
Thousands of Players around the World compete weekly!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.