2013-05-26 141 views
-1

我最近做了一個導航欄,但我想把部分上後面的側邊欄標題側邊欄/圖像圖像/側邊欄後面圖片

該網站是:http://testcheww.blogspot.com

i.imgur.com/vicR2fn png格式

這是側邊欄上的一部分:

 <div style='height: 86px; width: 52px; border: 0px; margin-top: -172px; margin-left: 470px;'><img height='86px' src='http://files.tinkatollidunes.com/nav/quests-support.png' width='52px'/> 
     </div> 
    </center> 
     <center> 
<div class='supportbutton' style='position:relative; left:334px; top:-86px; margin-bottom: -82px;'> 
<a href='http://www.tinkatollidunes.com/p/support-us.html'> <img alt='' class='a' height='86px' src='http://files.tinkatollidunes.com/nav/support.png' width='152px'/> <img alt='' class='b' height='86px' src='http://files.tinkatollidunes.com/nav/supporthover.png' width='152px'/> 
</a> 
</div> 
    </center> 
    <center> 
     <div style='height: 86px; width: 52px; border: 0px; margin-top: -172px; margin-left: 874px;'><img height='86px' src='http://files.tinkatollidunes.com/nav/support-play.png' width='54px'/> 
     </div> 
    </center> 
     <center> 
     <div style='height: 86px; width: 142px; border: 0px; margin-top: -86px; margin-right: -1021px;'><a href='http://www.tinkatolli.com/play/'><img height='86' src='http://files.tinkatollidunes.com/nav/play.png' width='142'/></a> 
     </div> 
+0

困惑你」重新嘗試去做。你想讓側邊欄坐在導航欄的頂部嗎?你試過什麼了? 另外你不應該使用內聯樣式。 –

+0

我希望支持和​​播放按鈕位於指南部分的後面(您會看到文本被按鈕覆蓋 –

回答

0

你可以只擺脫的margin-top:喲-25px烏爾#側邊欄包裝風格。

enter image description here

你的CSS目前看起來是這樣的:

#sidebar-wrapper { 
float: right; 
margin-right: 21px; 
margin-top: -25px; 
overflow: hidden; 
width: 315px; 
word-wrap: break-word; 
} 

它改成這樣:

#sidebar-wrapper { 
float: right; 
margin-right: 21px; 
overflow: hidden; 
width: 315px; 
word-wrap: break-word; 
} 
+0

謝謝!作品。 –

+0

當然,正如其他人指出的那樣,您以非常尷尬的方式但我寧願回答你的直接問題,也不願意引導你走向最佳實踐,有時候一點一點地學習是最好的方法,祝你好運。 –