Drat That Pesky Gap！ [英] Drat That Pesky Gap!
问题描述
嗨。
我的网站主导航栏上的每个水平
标签系列右侧都有一个讨厌的间隙。我已尝试了一些保证金
和填充技巧（如下所示）并且似乎无法摆脱它们。
请帮帮忙？
也是，当我在它的时候，有人可以告诉我如何在标签中的每个标题下方添加一点
填充以制作下划线（当
$时b $ b徘徊在上面）更明显？当我尝试使用填充这样做时，
标签向下延伸到底部边界线以下 - 而不是我的变化
。
这是CSS：
div＃mastertabsmenu
{
保证金：-1px！important; / *为性感浏览器* /
保证金：0px; / * for IE5 / Win：*（* /
}
div＃mastertabsmenu ul {
margin：0px;
填充：0px;
显示：内联;
list-style-type：none;
}
div＃mastertabsmenu ul li {
保证金：0px;
填充：5px 5px 0px;
border：1px solid＃000;
border-bottom：none;
border-right：none;
list-style-type：none ;
字体大小：15px;
font-family：Times New Roman;
显示：内联;
背景色：#fff;
}
div＃mastertabsmenu li a
{
text-decoration：none;
颜色：蓝色;
}
div＃mastertabsmenu li a：hover
{
颜色：蓝色;
文字装饰：下划线;
}
div＃mastertabsmenu li.help {
border：1px solid＃000;
border-bottom：none;
list-style ：无;
显示：in行;
}
这里是HTML：
< td valign =" bottom" style =" border-bottom：solid 1px black;">
< div id =" mastertabsmenu">
< ul id =" masternavlist">
< li>< a href =" ../ home.aspx"> Home< / a>< /
li>
< li>< a href =" ../
community.aspx">社区< / a>< / li>
< li>< a href =" ../ search.aspx">搜索
工具< / a>< / li>
< li class =" help">< a href =" #nogo">帮助< / a>< / li>
< / ul>
< / div>
< / td>
Hi.
I have a pesky gap to the right of each of my series of horizontal
tabs on the main nav bar of my site. I have tried a number of margin
and padding tricks (shown below) and can''t seem to get rid of them.
please help?
also, while I am at it, could somebody tell me how to add a little
padding below each title in the tab to make the underline (when
hovered above) more obvious? when i try to do this with padding the
tabs extend down below the bottom border line - not the change I am
going for.
Here is the CSS:
div#mastertabsmenu
{
margin: -1px !important; /* for the sexy browsers */
margin: 0px; /* for IE5/Win :*( */
}
div#mastertabsmenu ul {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
}
div#mastertabsmenu ul li {
margin: 0px;
padding: 5px 5px 0px;
border: 1px solid #000;
border-bottom:none;
border-right:none;
list-style-type: none;
font-size:15px;
font-family:Times New Roman;
display: inline;
background-color:#fff;
}
div#mastertabsmenu li a
{
text-decoration:none;
color:Blue;
}
div#mastertabsmenu li a:hover
{
color:Blue;
text-decoration:underline;
}
div#mastertabsmenu li.help {
border: 1px solid #000;
border-bottom:none;
list-style: none;
display: inline;
}
AND HERE IS THE HTML:
<td valign="bottom" style="border-bottom:solid 1px black;">
<div id="mastertabsmenu">
<ul id="masternavlist">
<li><a href="../home.aspx">Home</a></
li>
<li><a href="../
community.aspx">Community</a></li>
<li><a href="../search.aspx">Search
Tools</a></li>
<li class="help"><a href="#nogo">Help</a></li>
</ul>
</div>
</td>
推荐答案
pbd22写道：
pbd22 wrote:
>
我在每个水平系列的右边都有一个讨厌的差距
我网站主导航栏上的标签。
这是CSS：
>
I have a pesky gap to the right of each of my series of horizontal
tabs on the main nav bar of my site.
Here is the CSS:
不要发布代码，发布网址
-
Berg
Don''t post code, post a URL
--
Berg
6月6日晚上8:32，Bergamot< berga .. 。@ visi.comwrote：
On Jun 6, 8:32 pm, Bergamot <berga...@visi.comwrote:
pbd22写道：
pbd22 wrote:
我的右边有一个讨厌的差距我站点主导航栏上的每个系列水平
标签。
I have a pesky gap to the right of each of my series of horizontal
tabs on the main nav bar of my site.
这是CSS：
Here is the CSS:
不要发布代码，发布一个网址
-
Berg
Don''t post code, post a URL
--
Berg
对不起，我现在还不行。<如果这是一笔交易 -
断路器，我必须自己解决这个问题。
sorry, i am not up just yet.
i guess i''ll have to figure it out on my own if that is a deal-
breaker.
文章
< 11 ********************** @ h2g2000hsg.googlegroups。 com>，
pbd22< du ***** @ gmail.comwrote：
In article
<11**********************@h2g2000hsg.googlegroups. com>,
pbd22 <du*****@gmail.comwrote:
6月6日晚上8:32， Bergamot< berga ... @ visi.comwrote：
On Jun 6, 8:32 pm, Bergamot <berga...@visi.comwrote:
pbd22写道：
pbd22 wrote:
我有一个在我网站主导航栏上的每个水平
标签系列右侧的讨厌的差距。
I have a pesky gap to the right of each of my series of horizontal
tabs on the main nav bar of my site.
这是CSS：
Here is the CSS:
不要发布代码，发布一个网址
-
Berg
Don''t post code, post a URL
--
Berg
对不起，我还没准备好。<如果这是一笔交易 -
破坏者，我将不得不自己解决这个问题。
sorry, i am not up just yet.
i guess i''ll have to figure it out on my own if that is a deal-
breaker.
实际上，你的代码片段并没有明确说明你正在做什么或尝试的是什么。在这种情况下，
URL可以为您提供更好的帮助。如果我记得，（羞怯的入场，
我看了一眼并且搞砸了一两分钟，不得不改变
的doc类型更现代（4.01 Strict）作为一种更快速的方法，即使在我提供了明显的代码之后，也可以删除验证错误。确保最好的拍摄并消除所有错误
验证人员尽可能提到
。现在的交易是什么？
我不确定。
-
dorayme
Actually, your code snippets did not exactly make clear what it
was you were doing or trying. It is correct in this case that a
URL would get you better help. If I recall, (sheepish admission,
I took a look and messed about for a minute or two, had to change
the doc type to more modern (4.01 Strict) as a quicker way of
removing validation faults even after I supplied the obvious to
your code. Do make up a best shot and rid it of all errors
mentioned by validators as best as you can. What is the deal now?
I am not sure.
--
dorayme
这篇关于Drat That Pesky Gap！的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
