столбец таблицы, чтобы не отталкивать другие столбцы?

0

Кто-нибудь знает, возможно ли, чтобы столбец таблицы не удалял другие столбцы, когда я пытаюсь увеличить ширину входного тега? Я знаю, что это может противоречить определению таблицы, но мне было интересно, возможно ли это.

Например, Изображение 174551

Я не хочу, чтобы ввод сообщения удалял колонку адреса отправителя. Я пробовал абсолютное позиционирование, но потом это испортило остальную часть таблицы, поэтому я немного застрял.

вот мой код для справки:

 <table class="main_table" align="center">
      <tr>
        <td>
          <p class="name_font">Sender name</p>
        </td>
        <td>
          <p class="name_font">Sender address</p>
        </td>
      <tr>
      <tr>
        <td>
          <input type="text" style="border:1px solid rgb(219, 215, 213); border-radius:4px; padding:10px;">
        </td>
        <td>
          <input type="text" style="border:1px solid rgb(219, 215, 213); border-radius:4px; padding:10px 20px 10px 10px;">
        </td>
      </tr>
      <tr>
        <td>
          <p class="name_font">Message (400 characters max)</p>
        </td>
      </tr>
      <tr>
        <td>
          <input type="text" class="message_box">
        </td>
      </tr>
      <tr class="test_row">
        <td>
          <p class="name_font">Recipient name</p>
        </td>
        <td>
          <p class="name_font">Recipient address</p>
        </td>
      </tr>
    </table>

СПАСИБО

Теги:

1 ответ

1
Лучший ответ

использовать атрибут colspan из td

замените это

<td>
    <p class="name_font">Message (400 characters max)</p >
</td>

в

<td colspan=2>
    <p class="name_font">Message (400 characters max)</p>
</td>
  • 1
    Спасибо вам большое!
  • 0
    пожалуйста :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню