对齐CSS下降令人讨厌的问题

在此处查看：http://174.132.101.73/~ree/header/对齐CSS下降令人讨厌的问题

我有一个下拉框。当您将鼠标悬停在产品链接下方时，我正在尝试将文本“链接1”，“链接2”和“链接3”对齐到左侧。但我无法为我的生活工作。我相信它很简单。您将在CSS文件的底部找到有问题的CSS代码。这里是我认为问题发生的片段。

/* General */ 
#cssdropdown, #cssdropdown ul { list-style: none; } 
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; } 

/* Head links */ 
#cssdropdown li.headlink { width:60px; float: left; text-align: center; } 

/* Child lists and links */ 
#cssdropdown li.headlink ul { display: none; border: 1px black solid; text-align: left; } 
#cssdropdown li.headlink:hover ul { display: block; } 
#cssdropdown li.headlink ul li a { padding: 5px; height: 5px; } 
#cssdropdown li.headlink ul li a:hover { background-color: #333; }

我也试图让周围的链接（“链接1”，“链接2”和“链接3”）的方框它自身是产品链接的下面，而不是稍微喜欢它的权利就是现在。

任何帮助赞赏，因为这是让我生气！

感谢所有

来源

2009-09-16 Abs

可能还张贴有关HTML。有点难以知道没有看到它。 – 2009-09-16 22:14:58

我已经添加了一个URL到一个小演示。希望有助于帮助我！ :) – Abs 2009-09-16 22:18:25

变化

#header UL {margin: 0 0 0 30px}

到

#header > UL {margin: 0 0 0 30px}

问题是，您要添加的30像素的左边界里面的#header所有的UL，而你可能需要它仅适用于直接的孩子。也许跟#header LI一样。

来源

2009-09-16 22:21:46

我从来没有见过，那是什么？此外，它似乎已经部分修复了它，文本“链接1”，“链接2”和“链接3”并不真正与单词产品保持一致。我应该之前说过。我应该使用带有负px的余裕吗？ – Abs 2009-09-16 22:23:59

查看我对“#header LI”的编辑。 #header中的所有LI都给了你很大的利润空间。 – 2009-09-16 22:26:21

变化

#header ul { 
float:left; 
left:auto; 
margin:0 0 0 10px; 
padding:0; 
z-index:99; 
}

到

#header ul { 
float:left; 
left:auto; 
margin:0; 
padding:0; 
z-index:99; 
}

保证金是搞乱起来。

来源

2009-09-16 22:22:06 Chesham

这似乎也解决了这个问题，但是就像我对Chetan Sastry说的那样，它只是部分地修复了它，因为我真的很喜欢它与产品单词对齐。 – Abs 2009-09-16 22:25:46

要对齐的产品的话

尝试添加以下样式：

li.headlink ul li 
{ 
    margin-left:0px !important; 
}

来源

2009-09-17 12:03:52 Jaxwood

你使用Firefox呢？有一个非常有用的名为Web Developer的插件工具栏，可以帮助解决CSS问题（以及其他许多问题）。

它看起来像有一个总的加入链接1左边距30像素 - 连接3 LI元素在这些规则：

#cssdropdown li.headlink { 
    width: 60px; 
    float: left; 
    margin-top: 30px; 
    margin-right: 15px; 
    margin-bottom: 0px; 
    margin-left: 15px; 
}

和

#header li { 
    list-style-image: none; 
    display: inline; 
    float: left; 
    margin-top: 30px; 
    margin-right: 15px; 
    margin-bottom: 0pt; 
    margin-left: 15px; 
}

来源

2009-09-17 20:00:57 ph33nyx

对齐CSS下降令人讨厌的问题

回答

相关问题