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.html" target="_self"
onmouseover="changeImages('display', 'images/displayx.gif'); return
true;"
onmouseout="changeImages('display', 'images/display.gif'); return
true;"
onmousedown="changeImages('display', 'images/displayx.gif'); return
true;"
onmouseup="changeImages('display', '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.html"
onmouseover="changeImages('framing', 'images/framingx.gif'); return
true;"
onmouseout="changeImages('framing', 'images/framing.gif'); return
true;"
onmousedown="changeImages('framing', 'images/framingx.gif'); return
true;"
onmouseup="changeImages('framing', '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>

 

[BootNic]

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?

[snip]

http://groups.google.com/group/alt.html/browse_thread/thread/8ae047cffb394b63/a2eb1881f3ce100c

--
BootNic Saturday, June 17, 2006 2:02 AM

Inform all the troops that communications have completely broken
down.
*Ashleigh Brilliant*

 

[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"><img src="images/windowtop.gif" width="121"
height="43" alt=""></td>

Hope that helps

Andy

 

[Mark Eggers]

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/

 

[Blinky the Shark]

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.

I'm not color blind. So those combinations are just really aggravating.

 

[Jonathan N. Little]

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="#FFFFFF" LINK="#666666" VLINK="#666666">

....

 

[Dr John Stockton]

JRS: In article <[email protected]>, dated Sat, 17 Jun 2006
21:24:04 remote, seen in news:comp.infosystems.www.authoring.html, Mark

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.

 

[Andy Dingley]

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

I imagine that was rather his point...

 

[dorayme]

"Andy Dingley <[email protected]>"

I imagine that was rather his point...

!

 

[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]

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!).

 

[Chaddy2222]

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!.

 

[Richard Gration]

JRS: In article <[email protected]>, dated Sat, 17 Jun 2006
21:24:04 remote, seen in news:comp.infosystems.www.authoring.html, Mark



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

Only 0.4% of women are colour blind apparently.

http://visibone.com/colorblind/

 

[Dr John Stockton]

JRS: In article <[email protected]>, dated Thu,
22 Jun 2006 13:39:43 remote, seen in news:comp.infosystems.www.authoring

Only 0.4% of women are colour blind apparently.

Indeed. Allowing for them, and 8% of men, then if women are equally
interested it will be 4.2% of the total that suffer, not 8%.