Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Как правильно сделать таблицу с пустым местом..


Автор: Dmitry_177 18.11.2007, 15:25
Как правильно создать таблицу, с пустым местом.. вот к примеру:

Код

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr align="left">
    <td width="130">...</td>
    <td width="120">...</td>
    <td width="150">...</td>
  <tr>
</table>


у меня левое выравнивае.. должно быть три ячейки слева, а дальше пустота.. вот как это пустое место описать? а то получается так что все три эти ячейки в ширину всего экрана.. <td></td>, т.е. так:

Код

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr align="left">
    <td width="130">...</td>
    <td width="120">...</td>
    <td width="150">...</td>
    <td></td>
  <tr>
</table>


не помогает.. помогите плиз..

Добавлено через 9 минут и 13 секунд
Сам догадался.. решению проблемы.. <td>nbsp</td> а вот в другом случае это не помогает.. вот к примеру:

Код

<table border="0" cellpadding="8" cellspacing="0" width="100%">
<tr align="left">
<td><a href="1.htm">1</a></td>
<td><a href="2.htm">2</a></td>
<td><a href="3.htm">3</a></td>
<td>nbsp</td>
</tr>
</table>


нужно чтобы ссылки на 1, 2, 3 страницы были слева в строке таблицы, а дальше пустота.. и они всеравно все посередине..

Автор: Co0L 19.11.2007, 09:19
Код

<table border="0" cellpadding="8" cellspacing="0" width="100%">
<tr align="left">
<td><a href="1.htm">1</a></td>
<td><a href="2.htm">2</a></td>
<td><a href="3.htm">3</a></td>
<td width="100%">&nbsp;</td>
</tr>
</table>

Автор: Dmitry_177 19.11.2007, 13:34
а если нужно сделать одну ячейку 500 пикселей шириной посередине экрана, а побокам пустые?

Код

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td>& nbsp;</td>
    <td width="500"></td>
    <td>& nbsp;</td>
  </tr>
</table>


вот так правильно будет?

Автор: SelenIT 19.11.2007, 15:04
Боковым по 50%, а в середину распорку на 500. Хотя есть уверенность, что можно переверстать тот же макет так, что эти боковые не понадобятся.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)