2014-02-21 84 views
0

以下代碼會生成一個很好的社交媒體粘貼,它與頁面中間的左側對齊。這是完美的,除了社交圖標是水平的並且與內容重疊。我怎樣才能得到這個,以便它是垂直的,在社會徽章的一面是子彈形式。社交媒體粘滯垂直對齊

/*Make Social Media Sticky*/ 

#et-social-icons { 
position: fixed; 
z-index: 11; 
left: 0; 
top: 45%; 
background-color: #333333; 
padding: 5px 2px 2px 3px; 
margin: 0; 
-webkit-border-top-right-radius: 8px; 
-webkit-border-bottom-right-radius: 5px; 
-moz-border-radius-topright: 8px; 
-moz-border-radius-bottomright: 8px; 
border-top-right-radius: 8px; 
border-bottom-right-radius: 8px; 
} 

#et-social-icons a { 
padding: 0; 
clear: both; 
display: inline-block; 
float: left; 
margin-bottom: 10px; 
} 

回答

0

我需要看到更多的你標記可以肯定的,但它好像你將需要刪除:

顯示:inline-block的; float:left;

這些會導致它們水平級聯。

+0

這是在WordPress的自定義CSS。我刪除了這些,並沒有改變。那也是我的想法。 –

+0

如何刪除這些並添加顯示:block; – busyPixels

+0

如果這不起作用,你能提供你的標記嗎? – busyPixels