Css列表問題，在我的列表頂部的東西？

我這裏有這個網站http://jamessuske.com/freelance/seasons/Css列表問題，在我的列表頂部的東西？

在底部你會有一個社交媒體列表，但你可以看到它看起來很雜亂，它看起來像是頂部。我不明白我做錯了什麼。

這裏是我的CSS：

ul.social-media{ 
    margin-left:20px; 
    padding-top:30px; 
} 

ul.social-media li{ 
    float:left; 
    padding-left:5px; 
} 

ul.social-media li.twitter{ 
    background-image:url(http://jamessuske.com/freelance/seasons/images/social.png); 
    background-position-x:0px; 
    width:25px; 
    height:26px; 
} 

ul.social-media li.instagram{ 
    background-image:url(http://jamessuske.com/freelance/seasons/images/social.png); 
    background-position-x:-26px; 
    width:25px; 
    height:26px; 
} 

ul.social-media li.facebook{ 
    background-image:url(http://jamessuske.com/freelance/seasons/images/social.png); 
    background-position-x:-52px; 
    width:25px; 
    height:26px; 
}

和HTML：

<ul class="social-media"> 
<li class="twitter"><a href="#">&nbsp;</a></li> 
<li class="instagram"><a href="#">&nbsp;</a></li> 
<li class="facebook"><a href="#">&nbsp;</a></li> 
</ul>

任何幫助，將不勝感激

來源

2013-07-20 user2499454

添加list-style:none;到ul.social-media li類

來源

2013-07-20 05:15:18 Hushme

加上'風格=「列表樣式類型：無」'我發現這一點的同時嘗試。這也適用。 –

我沒有很好地理解你的問題，以我的理解 - 請使用您的ul.social-media CSS嘗試margin-top: 0px;。

試試這個 -

ul.social-media{ 
    display: inline-block; 
    margin-top: 0px; 
    padding-top:30px; 
}

可以看到成Chrome Development Tool，你<ul>採取margin-top: 16px; througt繼承風格。所以你需要設置margin-top: 0px;這項工作

來源

2013-07-20 05:21:13

更新：我明白了。看來你是沒有刪除ul的子彈。這個問題。

list-style-type: none;

所以這

ul.social-media { 
margin-left: 20px; 
padding-top: 30px; 
list-style-type: none; 
}

在社交媒體上的UL標籤

來源

2013-07-20 05:26:29 Praveen

Css列表問題，在我的列表頂部的東西？

回答

相關問題