频道导航

html-如何在MySpace页面上对齐图像？

2019-12-22 HTML 前端之家

前端之家收集整理的这篇文章主要介绍了html-如何在MySpace页面上对齐图像？，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_301_0@

我想在我的乐队个人资料上的广告上方的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

我想要一张上面的图片,但是每当我再次输入代码时,新图片就位于旧图片之上.

最佳答案

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

仅显示第一行：

<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>

复制该副本将需要一些时间;-).