0

我正在制作的网站上有一些<li>项目作为我的导航栏的一部分,我完全被这些项目之前出现的一些间距所困扰。

margin 和 padding 都是 0,并且 list-style-type 设置为 none。有任何想法吗?

忘记网址了!这里。 在此处输入图像描述

根据要求的其他详细信息:

  • 项目的文本<li>是实际文本,而不是图像。
  • 项目的文本<li>未对齐(删除了多余
    的 'center' )。

相关CSS:

/*****************

NAVIGATION STYLING

*****************/
#navigation{
    position: absolute;
    top: 0;
    z-index:10;
    text-align: center;
    width: 100%;
    margin: 0 auto 0 auto;
}
    #navigation a:link, a:visited{
        text-decoration: none;
        color: white;
        font-size:4.16em;
        margin: 0.5em;
        line-height: 1.5em;
        text-transform: uppercase;
        float: left;
        width:100%;
    }
    #navigation #me{

    }
    #navigation a.im:link, a.im:visited{
    line-height: 0em;
    }
    #navigation a.holly:link, a.holly:visited{
    line-height: 0em;
    }
    #navigation a.games_programmer:link, a.games_programmer:visited{
    line-height: 0em;
    }
    #navigation ul{
        height: 50px;
        text-decoration: none;
        background:#1d6482;
        margin: 0;
        padding: 0;
    }
    #navigation li{
        display: inline-block;
        list-style-type: none;
    }
4

1 回答 1

3

您在导航中拥有任何链接都应该拥有的margin: 0.5em. 这看起来是关于空间的大小。您的屏幕截图显示您已在 Chrome 中打开它。您应该能够看到应用于该元素的所有样式,并使用每个样式上的复选框来删除甚至更改应用的样式以找到罪魁祸首。

于 2012-11-02T16:51:15.053 回答