2013-05-26 142 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

当然,正如其他人指出的那样,您以非常尴尬的方式但我宁愿回答你的直接问题,也不愿意引导你走向最佳实践,有时候一点一点地学习是最好的方法,祝你好运。 –