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

发布于 2024-07-11 16:13:43 字数 962 浏览 10 评论 0原文

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

我想做一些类似这个的事情。

有什么建议可以帮助我解决这个问题吗?

我使用:

<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

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

I want to put pictures at the top of my myspace page above the ad on my band profile. I can put one picture up just fine, but when I try to put pictures on top of one another they just overlap each other.

I would like to do something like this.

Any tips for how I can fix this?

I used:

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

This is what I have so far:

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

I want a picture above that, but whenever I put the code in again the new picture just sits on top of the old picture.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

ゞ记忆︶ㄣ 2024-07-18 16:13:43

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

仅显示第一行:

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

复制该页面需要一些时间;-)。

The page you want to copy uses a table layout with images in each cell:

Just to show the first rows:

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

It's going to take some time to copy that ;-).

话少心凉 2024-07-18 16:13:43

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

It's because you're using position: absolute, presumably for both, so they're trying to sit on top of each other. Try making the 2nd one position:relative.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文