为什么图像右侧的间隙？ [英] Why the gap on the right side of the image?
问题描述
你好，
我已经*几乎成功实现了Dan Cederholm在他的SimpleBits网站上描述的CSS翻转
（ http://www.simplebits.com /notebook/2...rollovers.html ）
我的页面在这里： http://www.lynngoldstein.com/sarah/test.htm
事情似乎还不错，但我在菜单栏中第一个GIF文件的位置
时遇到问题，因为它与其他GIF分开了一个较大的白色间隙在它的右边缘。我b $ b无法找出这种不一致的来源，并且想知道
如果有一双新鲜眼睛的人可以请告诉我发生了什么
on？
谢谢，
-M
Hello,
I have *almost* successfully implemented the CSS rollovers described
by Dan Cederholm at his SimpleBits web site
(http://www.simplebits.com/notebook/2...rollovers.html)
My page is here: http://www.lynngoldstein.com/sarah/test.htm
Things seem to work alright, but I am having trouble with the position
of the very first GIF file in the menu bar because it is separated
from the rest of the GIFs by a larger white gap on its right edge. I
cannot figure out the source of this inconsistency and was wondering
if someone with a fresh set of eyes could please tell me what is going
on?
Thank you,
-M
推荐答案
开2004年11月15日星期一14:33:46 -0800， me*********@yahoo.com （Mercury
Mercurius）在留言中写道
< 3f ******************** *****@posting.google.com> ：
On Mon, 15 Nov 2004 14:33:46 -0800, me*********@yahoo.com (Mercury
Mercurius) wrote in message
<3f*************************@posting.google.com> :
你好，
我已经*几乎*成功实现了由Dan Cederholm在他的SimpleBits网站上描述的CSS翻转
（ http://www.simplebits.com/notebook /2...rollovers.html ）
我的页面在这里： http://www.lynngoldstein.com/sarah/test.htm
事情似乎没问题，但我在这个职位上遇到了麻烦菜单栏中第一个GIF文件的br />因为它与其他GIF分开，右边缘有一个较大的白色间隙。我无法找出这种不一致的根源，并且想知道是否有人带着一双新鲜的眼睛可以告诉我发生了什么事？
Hello,
I have *almost* successfully implemented the CSS rollovers described by
Dan Cederholm at his SimpleBits web site
(http://www.simplebits.com/notebook/2...rollovers.html)
My page is here: http://www.lynngoldstein.com/sarah/test.htm
Things seem to work alright, but I am having trouble with the position
of the very first GIF file in the menu bar because it is separated from
the rest of the GIFs by a larger white gap on its right edge. I cannot
figure out the source of this inconsistency and was wondering if someone
with a fresh set of eyes could please tell me what is going on?
记住这个网站，这是你的朋友......
http ：//validator.w3.org
您的网站无效XHTML因此无法正常呈现。在XHTML中编写页面我还没有获得
，所以无法帮助你。
-
FZS600 - 银色/黑色
GS125 - 黑色/铁锈
福特100E Prefect - 黑色，自然
威士忌 - Aberlour Cask Strength
Remember this site well, it is your friend...
http://validator.w3.org
Your site isn''t valid XHTML so it wont render properly. I haven''t got
round to writing pages in XHTML yet so can''t help you further.
--
FZS600 - Silver/Black
GS125 - Black/Rust
Ford 100E Prefect - Black, naturally
Whisky - Aberlour Cask Strength
PDannyD写道：
PDannyD wrote:
事情似乎没问题，但我在这个职位上遇到了麻烦
菜单栏中的第一个GIF文件，因为它与其他GIF分开，右边有一个较大的白色间隙。我无法弄清楚这种不一致的根源，并且想知道是否有人带着一双新鲜的眼睛可以告诉我发生了什么事？
Things seem to work alright, but I am having trouble with the position
of the very first GIF file in the menu bar because it is separated from
the rest of the GIFs by a larger white gap on its right edge. I cannot
figure out the source of this inconsistency and was wondering if someone
with a fresh set of eyes could please tell me what is going on?
< snip>
home_button图形宽89px，其余按钮为
90px宽，图形右边缘是白色的，1px宽。制作
它宽90px并改变白色以匹配正确的颜色固定它
我的机器在IE6，Netscape 7.2中。
Mike
<snip>
The home_button graphic is 89px wide while the rest of the buttons are
90px wide, and the right edge of the graphic is white, 1px wide. Making
it 90px wide and changing the white to match the correct colors fixed it
on my machine in IE6, Netscape 7.2 .
Mike
2004年11月15日星期一17:07:07 -0800，mscir< ms *** @ access4less.net>写道：
On Mon, 15 Nov 2004 17:07:07 -0800, mscir <ms***@access4less.net> wrote:
PDannyD写道：
PDannyD wrote:
事情似乎工作正常，但我遇到了麻烦位于菜单栏中第一个GIF文件的位置，因为它与其他GIF分开，右边有一个较大的白色间隙。我无法弄清楚这种不一致的根源，并想知道是否有一个新鲜的眼睛可以告诉我发生了什么事情？
Things seem to work alright, but I am having trouble with the position
of the very first GIF file in the menu bar because it is separated from
the rest of the GIFs by a larger white gap on its right edge. I cannot
figure out the source of this inconsistency and was wondering if
someone
with a fresh set of eyes could please tell me what is going on?
< snip>
home_button图形宽89px，其余按钮宽90px，图形右边缘为白色，宽1px。制作宽度为90px并改变白色以匹配正确的颜色将其固定在IE6，Netscape 7.2中的机器上。
<snip>
The home_button graphic is 89px wide while the rest of the buttons are
90px wide, and the right edge of the graphic is white, 1px wide. Making
it 90px wide and changing the white to match the correct colors fixed it
on my machine in IE6, Netscape 7.2 .
你完全是忽略了要验证的指令。 http://validator.w3.org/
1）你必须设置一个字符集。如果您的服务器无法执行此操作，请将此添加到您的
头，在< head>之后：
< meta http-equiv ="内容型"含量=" text / html的; charset = UTF-8">
2）在XHTML中你必须关闭li元素。
< ul id =" nav" ;>
< li id =" thome">< a href =" index.html"> Home< / a><！ - THE THE THE THE < /锂> ?????
- >
< li id =" tlandscapes">< a href =" landscapes /"> Landscapes< ; / a>< - ETC。!!!!! - >
< li id =" tportraits">< a href =" portrait /"> Portraits / Figurative< / a>
< li id =" tflorals">< a href =" florals /"> Florals< / a>
< li id =" tnews">< a href =" news /"> News< / a>
< li id =" tabout">< a href =" about.htm"><< / a>
< li id =" tcontact">< a href =" contact.htm" class =" selected">联系< / a>
< / ul>
你还没有。放一个< / li>在页面上方的链接之后，请参阅
它的功能。在消除明显的情况之前，我们无法进一步帮助。
3）当你在它的时候，在XHTML< br>中必须是< br /> - 解决它。
4）然后验证。 http://validator.w3.org/ 确保错误
验证消失。还要使用CSS验证器检查CSS。
http：// jigsaw。 w3.org/css-validator/ 你不能继续请求帮助，直到
你已经用这些资源来消除明显的问题。如果你没有理解错误，请随时询问。
那么，只有这样，如果问题仍然存在，请重新发布一下你的
定位恐怖。
You totally ignored the directive to validate. http://validator.w3.org/
1) You MUST set a charset. If your server cannot do this, add this to your
head, right after <head>:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
2) In XHTML you must close li elements.
<ul id="nav">
<li id="thome"><a href="index.html">Home</a><!-- WHERE''S THE </li> ?????
-->
<li id="tlandscapes"><a href="landscapes/">Landscapes</a><-- ETC.!!!!! ->
<li id="tportraits"><a href="portrait/">Portraits / Figurative</a>
<li id="tflorals"><a href="florals/">Florals</a>
<li id="tnews"><a href="news/">News</a>
<li id="tabout"><a href="about.htm">About</a>
<li id="tcontact"><a href="contact.htm" class="selected">Contact</a>
</ul>
You haven''t. Put a </li> after the links in the above on your page, see
what it does. We cannot help further until you eliminate the obvious.
3) While you''re at it, in XHTML <br> must be <br /> - fix it.
4) Then validate. http://validator.w3.org/ Be sure the errors of
validation disappear. Also check your CSS with the CSS validator.
http://jigsaw.w3.org/css-validator/ You cannot keep requesting help until
you''ve used these resources to eliminate the obvious. If you do not
understand the errors, feel free to ask about that.
Then, and ONLY then, if the problem persists, re-post regarding your
positioning wrror.
这篇关于为什么图像右侧的间隙？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
