0

我正在https://brain.hostug.com编辑我的 whmcs 模板。当您访问并看到标题中有一个水平菜单。在选项“关于 HostUG ”中，当您将鼠标悬停时，会出现下一级菜单。但在项目之前有一个空格li。

任何人都可以帮我删除 li 项目之前的那个空间吗？

我附上了一张截图，你可以看到红色圆圈中的区域。我想删除那个空间。您可以在 hostug.com 上查看它的正确版本，它运行良好。但我无法弄清楚我在brain.hostug.com 中编辑时遇到了什么问题

提前感谢您并等待回复。

4

3 回答 3

1

这看起来很像padding. <ul>定位它并删除填充，空间应该消失。

.dropdown { padding: 0 }
于 2013-05-31T11:24:39.923 回答
0

将此添加到您的 CSS 中：

ul { padding:0px; }
li { padding:0px; }

享受。

于 2013-05-31T11:28:03.627 回答
0

在 style.css 的第 255 行，你会发现：

.siteHeader .navigation li ul.dropdown
{
    display: none;
    position: absolute;
    overflow: hidden;
    width: 240px;
    border: 1px solid #000;
    border-top: 0;
    -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 6px;
    -moz-border-radius-topleft: 0;
    border-radius: 6px;
    border-top-left-radius: 0;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

将其添加到其中：

padding-left: 0;

这应该给你留下这个：

.siteHeader .navigation li ul.dropdown
{
    display: none;
    position: absolute;
    overflow: hidden;
    width: 240px;
    border: 1px solid #000;
    border-top: 0;
    -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 6px;
    -moz-border-radius-topleft: 0;
    border-radius: 6px;
    border-top-left-radius: 0;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    padding-left: 0;
}
于 2013-05-31T11:29:08.067 回答