HTML help needed (1 Viewer)

[Tim H]

I've been fooling around a little more with tables on my webpage. I dreamed up what I thought was a simple scenario.

Please look at the following page and tell me why there is a horizontal gap right in the middle of the picture. I'm assuming it either has something to do with a table attribute I missed or a simple IE6 issue.

http://www.timothyhoward.net/indextest2.html

I won't waste space with the source code here since it can be accessed from the page.

Also, I'm no HTML expert so let's keep things in layman's terms.

Thanks!

 

[Jeff Kleist]

I've had this happen before. Basically you need to recode that page, because some error or garbage character snuck in (at least I think that's what it was, I honestly don't know)

 

[John_Berger]

Mozilla is displaying the menu without any problems whatsoever. All four segments are coming together just like they should.

IE isn't working properly but Mozilla is?

Imagine that.

(td)
(a href="pictures.html"
onMouseOver="turnOn('Pictures');"
onMouseOut="turnOff('Pictures');")(img name="Pictures" class="imgTrans"
src="images/meandghost2.jpg" border="0")(/a)
(/td)
(/tr)

(tr)
(td)
(a href="javascript:popUp()"
onMouseOver="turnOn('CD');"
onMouseOut="turnOff('CD');")(img name="CD" class="imgTrans"
src="images/meandghost3.jpg" border="0")(/a)
(/td)

You have an extra carriage return between the two rows in your HTML source. I'd recommend getting rid of that. I don't know that it's really the problem, but if IE is mistaking it as a hard return for whatever reason it might be causing that.

 

[Tim H]

IE isn't working properly but Mozilla is?

The only help I could find on the internet was someone having this same problem. Her Mac would display it properly, but IE6 wouldn't. No solution was posted though.

Also took out the hard carriage return with no luck. I should add that the preview of the page looked fine in FrontPage.

I've used tables with IE6 before without problems, and I think I've got all of my code correct.

 

[Jeff Kleist]

make sure you save it to a new file too

 

[Peter McDonald]

This is how you have set up your cells:

(TD)
(a href="pictures.html"
onMouseOver="turnOn)'Pictures');"
onMouseOut="turnOff)'Pictures');")(img name="Pictures" class="imgTrans"
src="images/meandghost2.jpg" border="0")(/a)
(/TD)

You need to change the cells to this:

(TD)
(a href="pictures.html"
onMouseOver="turnOn)'Pictures');"
onMouseOut="turnOff)'Pictures');")(img name="Pictures" class="imgTrans"
src="images/meandghost2.jpg" border="0")(/a)(/TD)

The only difference is that there is no line break between the (/a) tag and the (/TD) tag.

Hope that helps.

Peter

Note: I've changed the less-than and greater-than signs to brackets so the forum software will display the code properly.))

 

[Tim H]

The only difference is that there is no line break between the (/a) tag and the (/TD) tag.

Wow! Thanks, Peter, that seemed to do the trick.

Thanks to Jeff and John as well.