Xpoint
   [напомнить пароль]

Table и Relative Image

Метки: [без меток]
2008-12-03 19:53:30 [обр] TJmaster(0/2)[досье]
У меня в <td> лежит таблица с width установленным, а за ней <img style="position: relative; left: 50%; top: 50%">
Мне показалось, что в данном случае, картинка должна быть в середине td, прямо над табличкой, а она после таблицы посерёдке становиться. Как заставить её стать всередине большого <td>?
спустя 15 часов [обр] Валера(0/24)[досье]
Я не совсем понял причем тут вложенная в ячейку таблица, но если без нее, то надо обернуть <img> в <div>, для которго указать position:relative, а для <img> сделать position:absolute; В любом случае посередине она не будет, потому что вы указываете left: 50%; top: 50% для ВЕРХНЕГО ЛЕВОГО угла картинки, нужно из них еще вычесть половину ширины и высоты картинки соответственно чтобы было точно по центру.
спустя 10 минут [обр] Thirteensmay(3/157)[досье]
Можно и с ней, и ничего не вычислять, только немного замороченнее получится, чтото типа того:
<table width='100%' height='100%' border=1>
<tr>
<td bgcolor='ff0000' align='center' valign='middle'>
  <div style="position: relative; width: 100%; height: 100%; background-color: 0000ff">
    <table style="position: absolute; left: 0; top: 0;" width='100%' height='100%' border=1>
    <tr>
    <td bgcolor='00ff00' height='100%' align='left' valign='middle'>
      <table width='80%' border=1>
      <tr>
      <td bgcolor='ff0000'>1</td>
      <td bgcolor='ff0000'>2</td>
      </tr>
      <tr>
      <td bgcolor='ff0000'>3</td>
      <td bgcolor='ff0000'>4</td>
      </tr>
      </table>
    </td>
    </tr>
    </table>
    <table style="position: absolute; left: 0; top: 0;" width='100%' height='100%' border=1>
    <tr>
    <td height='100%' align='center' valign='middle'>
      <img src='1.bmp'>
    </td>
    </tr>
    </table>
  </div>
</td>
</tr>
</table>
Powered by POEM™ Engine Copyright © 2002-2005