Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > width или аналог

Автор: Артем125 27.9.2009, 20:05

Подскажите, друзья

На фотке, прикреплено, 1,2,3 изображены квадраты. В первом его ширина должна быть 0, во втором 30, в третьем 60 и т.д.
Назначение квадратов раздвигать отступ слева, давать просто белый фон. Справа от квадратов таблица с полезными данными.

Все обернуто в диве, чтобы слева была горизонтальная линия

Код


.line_left {
    border-left-width:1pt; 
    border-left-color:black; 
    border-left-style:solid;
}

Код


<div class="line_left">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="0" rowspan="3" class="line">&nbsp;</td>
    <td width="30">&nbsp;</td>
    <td rowspan="3">Подраздел 1
      ...
    </td>
  </tr>
  <tr>
    <td height="1" bgcolor="#000000"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="30" rowspan="3" class="line">&nbsp;</td>
    <td width="30">&nbsp;</td>
   <td rowspan="3">Подраздел 1
      ...
    </td>
  </tr>
  <tr>
    <td height="1" bgcolor="#000000"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

</div>

Подскажите какими сущностями должны быть квадраты, поскольку width = 0 в случае №1 не подходит и ширина все равно остается

Автор: Артем125 27.9.2009, 20:41

вот нашел решение style="margin-left:25pt;", прикрепляем к таблице и все))