Extra Space in IE Table Layout

[rfox]

I've built a site using tables for layout, and it looks ok in
everything but in IE where it places extra space around the graphics
that contain a rollover script. (Please see http://www.bentleysweb.com
) Below is a snippet of the table cell in question. How can I
eliminate that extra space in IE?

Thanks.

-Ray

<TD CLASS="first" colspan="2" VALIGN="TOP">
<img src="images/windowtop.gif" width="121" height="43" alt="">

<a href="display.h tml" target="_self"
onmouseover="ch angeImages('dis play', 'images/displayx.gif'); return
true;"
onmouseout="cha ngeImages('disp lay', 'images/display.gif'); return
true;"
onmousedown="ch angeImages('dis play', 'images/displayx.gif'); return
true;"
onmouseup="chan geImages('displ ay', 'images/displayx.gif'); return
true;">
<img name="display" src="images/display.gif" width="121"
height="31" border="0" alt="Display Cases Button"></a>

<img src="images/black1.gif" width="121" height="22" alt="">

<a href="framing.h tml"
onmouseover="ch angeImages('fra ming', 'images/framingx.gif'); return
true;"
onmouseout="cha ngeImages('fram ing', 'images/framing.gif'); return
true;"
onmousedown="ch angeImages('fra ming', 'images/framingx.gif'); return
true;"
onmouseup="chan geImages('frami ng', 'images/framingx.gif'); return
true;">
<img name="framing" src="images/framing.gif" width="121"
height="25" border="0" alt="Framing & Engraving"></a>

<img src="images/windowbot.gif" width="121" height="43" alt="">
</td>

[Andrew Bailey]

Hi,

A simple method I use is to specify the dimensions of the <td> the same as
the pic...

<td width="121" height="43"><im g src="images/windowtop.gif" width="121"
height="43" alt=""></td>

Hope that helps

Andy
<rf**@scoe.ne t> wrote in message
news:11******** **************@ h76g2000cwa.goo glegroups.com.. .

I've built a site using tables for layout, and it looks ok in
everything but in IE where it places extra space around the graphics
that contain a rollover script. (Please see http://www.bentleysweb.com
) Below is a snippet of the table cell in question. How can I
eliminate that extra space in IE?

Thanks.

-Ray

<TD CLASS="first" colspan="2" VALIGN="TOP">
<img src="images/windowtop.gif" width="121" height="43" alt="">

<a href="display.h tml" target="_self"
onmouseover="ch angeImages('dis play', 'images/displayx.gif'); return
true;"
onmouseout="cha ngeImages('disp lay', 'images/display.gif'); return
true;"
onmousedown="ch angeImages('dis play', 'images/displayx.gif'); return
true;"
onmouseup="chan geImages('displ ay', 'images/displayx.gif'); return
true;">
<img name="display" src="images/display.gif" width="121"
height="31" border="0" alt="Display Cases Button"></a>

<img src="images/black1.gif" width="121" height="22" alt="">

<a href="framing.h tml"
onmouseover="ch angeImages('fra ming', 'images/framingx.gif'); return
true;"
onmouseout="cha ngeImages('fram ing', 'images/framing.gif'); return
true;"
onmousedown="ch angeImages('fra ming', 'images/framingx.gif'); return
true;"
onmouseup="chan geImages('frami ng', 'images/framingx.gif'); return
true;">
<img name="framing" src="images/framing.gif" width="121"
height="25" border="0" alt="Framing & Engraving"></a>

<img src="images/windowbot.gif" width="121" height="43" alt="">
</td>

[Mark Eggers]

rf**@scoe.net wrote:

I've built a site using tables for layout, and it looks ok in
everything but in IE where it places extra space around the graphics
that contain a rollover script. (Please see http://www.bentleysweb.com
) Below is a snippet of the table cell in question. How can I
eliminate that extra space in IE?

Thanks.

A quick, off-topic comment on your web site. Please do not use red on
black, black on red, orange on blue, or blue on orange for navigation.
About 8 percent of the male population is red / green color blind.
This makes the mentioned color combinations difficult to impossible to
read.

Since you are creating a sports and celebrity memorabilia site, making
navigation difficult for 8 percent of your potential target audience
doesn't seem to be a good idea.

Just my two cents . . . .

/mde/

[Jonathan N. Little]

rf**@scoe.net wrote:

I've built a site using tables for layout, and it looks ok in
everything but in IE where it places extra space around the graphics
that contain a rollover script. (Please see http://www.bentleysweb.com
) Below is a snippet of the table cell in question. How can I
eliminate that extra space in IE?

<snipped code>

Just something I saw in your code, not related to your layout problem.

You have the function preloadImages() , presumably to preload your
navigational rollover images, however your call the function on the
documents onload event. This sort of defeats the concept of preloading
the images if your delay the loading until *after* the whole page is
loaded! Onload fires only after the page has completely downloaded. On
dialup the effect is very noticeable, none of your nav buttons rollover
until after a distinct delay after page renders. To get the nav buttons
to work sooner, call the function in the head and it will preload the
images before the page has finish loading.
....

preloadImages() ;
// -->
</script>

</head>
<body bgcolor="#FFFFF F" LINK="#666666" VLINK="#666666" >

....

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Dr John Stockton]

JRS: In article <Fz************ ***@fe05.lga>, dated Sat, 17 Jun 2006
21:24:04 remote, seen in news:comp.infos ystems.www.authoring.html, Mark
Eggers <md******@chart er.net> posted :

A quick, off-topic comment on your web site. Please do not use red on
black, black on red, orange on blue, or blue on orange for navigation.
About 8 percent of the male population is red / green color blind.
This makes the mentioned color combinations difficult to impossible to
read.

Since you are creating a sports and celebrity memorabilia site, making
navigation difficult for 8 percent of your potential target audience
doesn't seem to be a good idea.

You appear to be ignoring the possibility of female interest in the
site.

--
© John Stockton, Surrey, UK. ?@merlyn.demon. co.uk Turnpike v4.00 MIME. ©
Web <URL:http://www.merlyn.demo n.co.uk/> - FAQish topics, acronyms, & links.
For news:borland.*, use their server newsgroups.borl and.com ; but first read
Guidelines <URL:http://www.borland.com/newsgroups/guide.html> ff. with care.

[Andy Dingley]

Dr John Stockton wrote:

Since you are creating a sports and celebrity memorabilia site,

You appear to be ignoring the possibility of female interest in the
site.

I imagine that was rather his point...

[dorayme]

In article
<11************ *********@p79g2 000cwp.googlegr oups.com>,
"Andy Dingley <di*****@codesm iths.com>"
<di*****@codesm iths.com> wrote:

Dr John Stockton wrote:

Since you are creating a sports and celebrity memorabilia site,

You appear to be ignoring the possibility of female interest in the
site.

I imagine that was rather his point...

!

--
dorayme

[fleemo17]

Thanks to everyone who offered a bit of sage advice. I tried many of
the suggestions, and the one that worked was among the simplest
suggestions and came from BootNic's link -- add a <br> after each
element.

Jonathan, thanks for the input on the preloadImages code. I've revised
the code to put the command in the head. Hopefully that'll improve
performance on a dialup connection.

I appreciate everybody's input. Nice to have that puzzle solved. Now
I have another very similar problem which I'll post in a separate
thread.

Cheers!

-Ray

[Jonathan N. Little]

fl******@comcas t.net wrote:

Thanks to everyone who offered a bit of sage advice. I tried many of
the suggestions, and the one that worked was among the simplest
suggestions and came from BootNic's link -- add a <br> after each
element.

Jonathan, thanks for the input on the preloadImages code. I've revised
the code to put the command in the head. Hopefully that'll improve
performance on a dialup connection.

I appreciate everybody's input. Nice to have that puzzle solved. Now
I have another very similar problem which I'll post in a separate
thread.

Actually why not lighten the whole page dramatically there is nothing
particularly special about your font you could rid all the special
images and replace with reusable backgrounds and rid the JavaScript all
together by using CSS hovers on your links to change the text color,
(even IE support this!).

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Chaddy2222]

Jonathan N. Little wrote:

fl******@comcas t.net wrote:

Thanks to everyone who offered a bit of sage advice. I tried many of
the suggestions, and the one that worked was among the simplest
suggestions and came from BootNic's link -- add a <br> after each
element.

Jonathan, thanks for the input on the preloadImages code. I've revised
the code to put the command in the head. Hopefully that'll improve
performance on a dialup connection.

I appreciate everybody's input. Nice to have that puzzle solved. Now
I have another very similar problem which I'll post in a separate
thread.

Actually why not lighten the whole page dramatically there is nothing
particularly special about your font you could rid all the special
images and replace with reusable backgrounds and rid the JavaScript all
together by using CSS hovers on your links to change the text color,
(even IE support this!).

He could go even more in to cleaning up his source code and get rid of
the Tables all together!.
--
Regards Chad. http://freewebdesign.cjb.cc