html - 图片/侧边栏后面的图片

Question

我最近做了一个导航栏，但我想把侧边栏上的部分放在侧边栏标题/图像后面

该网站是：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>

Answer 1

你可以在你的#sidebar-wrapper样式中去掉margin-top: -25px ......

您的 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;
}