2016-06-25 5 views
1

Я это просто form:TextArea влияет на другие Лобов

enter image description here

Тогда здесь, где проблема возникает:

enter image description here

Обратите внимание, что в <td>, который включает в новое сообщение, почтовый ящик, и установитьbuttons меняется при изменении размера textarea. Так как я могу исправить это, спасибо.

редактировать здесь код (извините):

<table style="border: 3px solid red; margin-left: 0px; width:43%; " align="left"> 
    <td style="border: 3px solid gray; padding: 0; margin: 0; width: 50px;"> 
     <form method="post" style="margin: 0; padding: 0;"> 
      <input type="submit" name="create" value="New&nbsp;Message" style="margin: 0; padding: 0;"> 
     </form> 
    </td> 
    <td style="border: 3px solid gray; padding: 0px; margin: 0; width: 50px;"> 
     <form method="post" style="margin: 0; padding: 0;"> 
      <input type="submit" name="inbox" value="Inbox" style="margin: 0; padding: 0;"> 
     </form> 
    </td> 
    <td style="border: 3px solid gray; padding: 0px; margin: 0; width: 50px;"> 
     <form method="post" style="margin: 0; padding: 0;"> 
      <input type="submit" name="sent" value="Sent" style="margin: 0; padding: 0;"> 
     </form> 
    </td> 
    <td style="border: 3px solid dimgray; padding: 0; margin: 0; width: 100%;"> 

    </td> 
<tr> 
    <td style="border: 3px solid blue; padding: 0px; margin: 0px; display: <?php echo escape($create_d); ?>" colspan="4"> 
     <form method="post" style="padding: 0px;"> 
      <label for="message">Create Msg</label><br> 
      <input type="hidden" name="token" value="<?php echo $token; ?>"> 
      <label for="to">To:</label> 
      <input type="text" id="to" name="to" placeholder="IGN"><br> 
      <textarea id="message" name="msg" maxlength="1000"></textarea><br> 
      <input type="submit" name="create" value="Send"> 
     </form> 
    </td> 

    <td style="border: 3px solid red; padding: 0px; margin: 0px; display: <?php echo escape($inbox_d); ?>" colspan="4"> 
     <?php echo $inbox_tbl; ?> 
    </td> 
    <td style="border: 3px solid green; padding: 0px; margin: 0px; display: <?php echo escape($sent_d); ?>" colspan="4"> 
     <?php echo $sent_tbl;?> 
    </td> 
</tr> 

+0

Где отправной точкой в ​​коде? Добавьте пример Minimal, Complete и Verifiable, см. Также http://stackoverflow.com/help/mcve – Roy

+0

Я добавил код, который представляет «форма», представленная мной, просто игнорирует некоторые стили, потому что «форма» - это только небольшая часть всей страницы. спасибо – phew

+0

почему вы хотите стол? вы можете использовать div с бутстрапом для гибкого дизайна. –

ответ

0

https://jsfiddle.net/c28t27x2/

<table> 
<tr> 
<td> 
<table style="border: 3px solid red; margin-left: 0px; width:43%; " align="left"> 
<thead> 
<tr> 
    <td style="border: 3px solid gray; padding: 0; margin: 0; width: 50px;"> 
     <form method="post" style="margin: 0; padding: 0;"> 
      <input type="submit" name="create" value="New&nbsp;Message" style="margin: 0; padding: 0;"> 
     </form> 
    </td> 
    <td style="border: 3px solid gray; padding: 0px; margin: 0; width: 50px;"> 
     <form method="post" style="margin: 0; padding: 0;"> 
      <input type="submit" name="inbox" value="Inbox" style="margin: 0; padding: 0;"> 
     </form> 
    </td> 
    <td style="border: 3px solid gray; padding: 0px; margin: 0; width: 50px;"> 
     <form method="post" style="margin: 0; padding: 0;"> 
      <input type="submit" name="sent" value="Sent" style="margin: 0; padding: 0;"> 
     </form> 
    </td> 
    <td style="border: 3px solid dimgray; padding: 0; margin: 0; width: 100%;"> 

    </td> 
    </tr> 
</thead> 
</table> 
</td> 
</tr> 
<tr> 
<td> 
<table style="border: 3px solid red; margin-left: 0px; width:43%; " align="left"> 

    <tbody> 
<tr> 
    <td style="border: 3px solid blue; padding: 0px; margin: 0px; display: <?php echo escape($create_d); ?>" colspan="4"> 
     <form method="post" style="padding: 0px;"> 
      <label for="message">Create Msg</label><br> 
      <input type="hidden" name="token" value="<?php echo $token; ?>"> 
      <label for="to">To:</label> 
      <input type="text" id="to" name="to" placeholder="IGN"><br> 
      <textarea id="message" name="msg" maxlength="1000"></textarea><br> 
      <input type="submit" name="create" value="Send"> 
     </form> 
    </td> 

    <td style="border: 3px solid red; padding: 0px; margin: 0px; display: <?php echo escape($inbox_d); ?>" colspan="4"> 
     <?php echo $inbox_tbl; ?> 
    </td> 
    <td style="border: 3px solid green; padding: 0px; margin: 0px; display: <?php echo escape($sent_d); ?>" colspan="4"> 
     <?php echo $sent_tbl;?> 
    </td> 
</tr> 
</tbody> 
</table> 
</td> 
</tr> 
</table> 
+0

Примите, если он сработает для вас –

+0

@phew Сообщите мне, если он работает? –

Смежные вопросы