图像/侧边栏后面的图像

时间:2013-05-26 16:02:15

标签: html image positioning

我最近制作了一个导航栏,但我想将该部分放在侧边栏标题/图像后面的侧栏上

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

1 个答案:

答案 0 :(得分:0)

你可以在你的#sidebar-wrapper 风格中摆脱 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;
}