如何在MySpace页面上对齐图像?

时间:2009-01-22 22:52:30

标签: html css myspace

我想将图片放在我的乐队个人资料中广告上方的myspace页面顶部。我可以把一张照片放得很好,但是当我试图将照片放在另一张照片上时,它们只是相互重叠。

我想做this之类的事情。

有关如何解决此问题的任何提示?

我用过:

<style type="text/css"> 
  body { 
    background-position:top center;margin-top: H;
  }
  div.topbanner {
    top: 150%;
    left: 49%;
    margin-left: -600px;
    width: 100%;
    height: 800px;
    position: absolute;
  }
</style>
<div class="topbanner">
  <IMG SRC="http://www.victoryhardcore.com/myspaceimages/atdr/homesick/adtr_myspace_top_26.jpg" border="0">
</div>

这是我到目前为止所做的:

http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=446378267

我想要上面的图片,但每当我再次放入代码时,新图片就会位于旧图片的顶部。

2 个答案:

答案 0 :(得分:2)

您要复制的页面使用表格布局,每个单元格中都有图像:

只是为了显示第一行:

<table width="1260" height="1414" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="5" rowspan="2">
      <img src="image01.jpg" width="481" height="107" alt="">
    </td>
    <td colspan="6">
      <img src="image02.jpg" width="290" height="47" alt="">
    </td>
    <td colspan="5" rowspan="2">
      <img src="image03.jpg" width="489" height="107" alt="">
    </td>
  </tr>
  <tr>
    <td colspan="6">
    </td>
  </tr>
  <tr>
    <td>
      <img src="image05.jpg" width="239" height="428" alt="">
    </td>
    <td colspan="14">
    </td>
    <td>
      <img src="image07.jpg" width="244" height="428" alt="">
    </td>
  </tr>
</table>

复制它需要一些时间; - )。

答案 1 :(得分:1)

这是因为你正在使用position: absolute,大概是为了两者,所以他们试图坐在彼此之上。尝试制作第二个position:relative