Как я могу выровнять изображения на моей странице MySpace? - PullRequest
Новая
       15

Как я могу выровнять изображения на моей странице MySpace?

3 голосов
/ 23 января 2009

Я хочу разместить фотографии в верхней части моей страницы 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 ]

2 голосов
/ 23 января 2009

Страница, которую вы хотите скопировать, использует макет таблицы с изображениями в каждой ячейке:

Просто чтобы показать первые строки: 

<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 голос
/ 23 января 2009

Это потому, что вы используете position: absolute, предположительно для обоих, поэтому они пытаются сесть друг на друга. Попробуйте сделать второй position:relative.

...