對齊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下降令人討厭的問題

回答

相關問題