table в table

@pixel · Регистрация: 19.05.2009

Студворк — интернет-сервис помощи студентам

Приветствую.
Наверное самый глупейший вопрос. Есть таблица из 2 колонок, в одной строке 2 ячейки а о второй строке, во второй ячейке вставляется еще одна таблица так же разделенная пополам. и если в первой таблице поставить поле ввода, а потом поставить поле ввода в первую ячейку второй таблицы - заметно что второе поле ввода чуть смещено относительно первого. подскажите, можно ли этого избежать?

@Vicont · 29.09.2011, 23:39

Не совсем понятно. Код в студию.

@ProstoMad · 30.09.2011, 05:01

Там можно например сделать одну ячейку справа и 2 или больше слева, одной таблицей.
colspan=кол во ячеек и cellspacing= кол-во ячеек. как то так.

@pixel · 30.09.2011, 08:12 **[ТС]**

Сообщение от Vicont

Не совсем понятно. Код в студию.

HTML5

        <table width="100%" border="0">
        <tr>
        <td width="45%" align="right" valign="middle">Код</td>
        <td width="55%">
        <table border="0">
        <tr>
        <td>
        <input type="text" size="6" name="email" id="email" value="" />
        </td>
        <td width="45%" align="right" valign="middle">Телефон</td>
        <td width="55%">
        <input type="text" size="6" name="email" id="email" value="" />
        </td>
        </tr>
        </tr>
        </table>
    </td>
    </tr>
    <tr>
    <td width="50%" align="right" valign="middle">Факс</td>
    <td>
        <input type="text" size="6" name="email" id="email" value="" />
        </td>
        </tr>
    </table>

@Vicont · 30.09.2011, 13:09

Сама верстка невалидная, теги закрываешь не в тех местах, где это нужно, но это так, к слову, на проблему это никак не влияет. Вот держи:

CSS

<style type='text/css' media='screen'>
  .inner_table{padding: 0px;border-collapse: collapse;}
  .inner_table td{padding: 0px;}
</style>

HTML5

<table width="100%" border="0">
  <tr>
     <td width="45%" align="right" valign="middle">Код</td>
     <td width="55%">
         <table border="0" class='inner_table'>
     <tr>
         <td>
              <input type="text" size="6" name="email" id="email" value="" />
         </td>
         <td width="45%" align="right" valign="middle" style='padding-right: 5px;'>Телефон</td>
         <td width="55%">
              <input type="text" size="6" name="email" id="email" value="" />
         </td>
      </tr>
    </table>
          </td>
        </tr>           
        <tr>
     <td width="50%" align="right" valign="middle">Факс</td>
     <td>
                <input type="text" size="6" name="email" id="email" value="" />
            </td>
        </tr>
</table>

@pixel 23 / 16 / 4 Регистрация: 19.05.2009 Сообщений: 2,221
		1
	table в table 29.09.2011, 23:06. Показов 759. Ответов 4 Метки нет (Все метки) Приветствую. Наверное самый глупейший вопрос. Есть таблица из 2 колонок, в одной строке 2 ячейки а о второй строке, во второй ячейке вставляется еще одна таблица так же разделенная пополам. и если в первой таблице поставить поле ввода, а потом поставить поле ввода в первую ячейку второй таблицы - заметно что второе поле ввода чуть смещено относительно первого. подскажите, можно ли этого избежать? 0

@Vicont front-end developer 284 / 275 / 39 Регистрация: 31.08.2010 Сообщений: 577 Записей в блоге: 1
	29.09.2011, 23:39	2
	Не совсем понятно. Код в студию. 0

@ProstoMad 50 / 40 / 5 Регистрация: 30.06.2010 Сообщений: 1,191
	30.09.2011, 05:01	3
	Там можно например сделать одну ячейку справа и 2 или больше слева, одной таблицей. colspan=кол во ячеек и cellspacing= кол-во ячеек. как то так. 0

Опции темы