IE表格布局中的额外空间 [英] Extra Space in IE Table Layout
问题描述
我已经建立了一个使用表格进行布局的网站，它在
中看起来还不错，但是在IE中，它会在图形周围留出额外的空间
包含翻转脚本。 （请参阅 http://www.bentleysweb.com
下面是相关表格单元格的片段。我怎样才能消除IE中的额外空间？
谢谢。
-Ray
< TD CLASS =" first"列跨度= QUOT; 2英寸VALIGN =" TOP"
< img src =" images / windowtop.gif"宽度= QUOT; 121"高度= QUOT; 43" alt ="">
< a href =" display.html" target =" _self"
onmouseover =" changeImages（''display''，''images / displayx.gif''）;返回
true;"
onmouseout =" changeImages（''display''，''images / display.gif''）;返回
true;"
onmousedown =" changeImages（''display''，''images / displayx.gif''）;返回
true;"
onmouseup =" changeImages（''display''，''images / displayx.gif''）;返回
true;">
< img name =" display" SRC ="图像/ display.gif" width =" 121"
height =" 31"边界=" 0" alt =" Display Cases Button"< / a>
< img src =" images / black1.gif"宽度= QUOT; 121"高度= QUOT; 22" alt ="">
< a href =" framing.html"
onmouseover =" changeImages（''framing'' ，''images / framingx.gif''）;返回
true;"
onmouseout =" changeImages（''framing''，''images / framing.gif''）;返回
true;"
onmousedown =" changeImages（''framing''，''images / framingx.gif''）;返回
true;"
onmouseup =" changeImages（''framing''，''images / framingx.gif''）;返回
true;">
< img name =" framing" SRC ="图像/ framing.gif" width =" 121"
height =" 25"边界=" 0" alt =" Framing&Engraving">< / a>
< img src =" images / windowbot.gif"宽度= QUOT; 121"高度= QUOT; 43" alt ="">
< / td>
我使用的一个简单方法是指定< td>的尺寸。和
相同......
< td width =" 121" height =" 43">< img src =" images / windowtop.gif" width =" 121"
height =" 43" alt ="">< / td>
希望有所帮助
Andy
< ; RF ** @ scoe.net>在消息中写道
新闻：11 ********************** @ h76g2000cwa.googlegr oups.com ...我已经建立了一个使用表格进行布局的网站，它看起来还不错，但是在IE中它会在包含翻转脚本的图形周围留出额外的空间。 （请参阅 http://www.bentleysweb.com
）以下是有问题的表格单元格的片段。我怎样才能消除IE中的额外空间？
谢谢。
-Ray
< TD CLASS =" first" ;列跨度= QUOT; 2英寸VALIGN =" TOP">
< img src =" images / windowtop.gif"宽度= QUOT; 121"高度= QUOT; 43" alt ="">
< a href =" display.html" target =" _self"
onmouseover =" changeImages（''display''，''images / displayx.gif''）;返回
true;"
onmouseout =" changeImages（''display''，''images / display.gif''）;返回
true;"
onmousedown =" changeImages（''display''，''images / displayx.gif''）;返回
true;"
onmouseup =" changeImages（''display''，''images / displayx.gif''）;返回
true;">
< img name =" display" SRC ="图像/ display.gif" width =" 121"
height =" 31"边界=" 0" alt =" Display Cases Button"< / a>
< img src =" images / black1.gif"宽度= QUOT; 121"高度= QUOT; 22" alt ="">
< a href =" framing.html"
onmouseover =" changeImages（''framing''，''images / framingx.gif ''）;返回
true;"
onmouseout =" changeImages（''framing''，''images / framing.gif''）;返回
true;"
onmousedown =" changeImages（''framing''，''images / framingx.gif''）;返回
true;"
onmouseup =" changeImages（''framing''，''images / framingx.gif''）;返回
true;">
< img name =" framing" SRC ="图像/ framing.gif" width =" 121"
height =" 25"边界=" 0" alt =" Framing&Engraving">< / a>
< img src =" images / windowbot.gif"宽度= QUOT; 121"高度= QUOT; 43" alt ="">
< / td>
rf ** @ scoe.net 写道：我已经建立了一个使用表格进行布局的网站，它看起来还不错，但在IE浏览器中在包含翻转脚本的图形周围放置额外的空间。 （请参阅 http://www.bentleysweb.com
）以下是有问题的表格单元格的片段。我怎样才能消除IE中的额外空间？
谢谢。
对网络的快速，偏离主题的评论现场。请不要使用红色
黑色，红色黑色，蓝色橙色或橙色蓝色用于导航。
大约8％的男性人口是红色/绿色色盲。
这使得上面提到的颜色组合难以理解为
读取。
因为你正在创造一个运动和名人纪念品网站，制作
导航困难8％的潜在目标受众
似乎不是一个好主意。
只是我的两分钱。 。 。 。
/ mde /
rf ** @ scoe.net 写道：我已经建立了一个使用表格进行布局的网站，它看起来还不错，但是在IE中，它在周围放置了额外的空间。图形
包含翻转脚本。 （请参阅 http://www.bentleysweb.com
）以下是有问题的表格单元格的片段。我怎样才能消除IE中的额外空间？
< snipped code>
我在你的代码中看到的东西，与你的布局问题无关。
你有preloadImages（）功能，可能是为了预加载你的
导航翻转图像，不过你调用的是函数
文件onload事件。如果你的延迟加载到*之后整个页面加载了
，这种方式就会破坏预加载
图像的概念！仅在页面完全下载后才会触发Onload。在
拨号上，效果非常明显，在页面渲染后明显延迟之后，您的导航按钮都不会翻转
。要使导航按钮
更快地工作，请在头部调用该功能，并在页面加载完成之前预先加载
图像。
....
preloadImages（）;
// - >
< / script>
< / head>
< body bgcolor =" #FFFFFF" LINK = QUOT;＃666666" VLINK ="＃666666">
....
-
小心，
Jonathan
-------------------
小作品STUDIO
http://www.LittleWorksStudio.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.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>
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
<rf**@scoe.net> wrote in message
news:11**********************@h76g2000cwa.googlegr oups.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.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>
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/
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="#FFFFFF" LINK="#666666" VLINK="#666666">
....
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
这篇关于IE表格布局中的额外空间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
