Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Почему в форме слишком большие поля?
 
 автор: Владимир55   (25.11.2011 в 13:09)   письмо автору
15.4 Кб
 
 

В форме для ввода комментариев получаются слишком большие зазоры по вертикали между соседними полями (см. вложение). Причем непонятно, чем они определяются и как их регулировать..

Стили:
#table100 td{ 
    font-family:    Arial, Helvetica, sans-serif; 
    font-size:      14px;
    text-align:     left; 
    padding:        10px;
    margin-top:     0pt; 
    margin-bottom:  0pt; 
}  


Код формы:
<p style="text-align: center; color: #0161B8; font-size: 16px">Написать ваше сообщение</p>

<form method="POST" action="scrypt/1.php">             
            
    <div align="center">   
        <table id="table100" border="0" width: 100px cellspacing="0" cellpadding="0" width="623">
            <tr>
                <td style="width: 186px">Ваше имя</td>
                <td style="width: 431px"><input name="name" style="float: left; width: 250px; height: 15px; font-size: 15px; font-weight: bolder"></td>
            </tr>
            <tr>
                <td style="width: 186px">Электронная почта (по желанию)</td>
                <td style="width: 431px"><input name="elpo" style="float: left; width: 250px; height: 15px; font-size: 15px; font-weight: bolder"></td>
            </tr>
            <tr>
                <td style="width: 186px">Сообщение</td>
                <td style="width: 431px"><textarea rows="10" name="text" style="float: left; width: 400px;  font-size: 15px; font-weight: bolder"></textarea></td>
            </tr>
            <tr>
                <td colspan="2"><p  style="text-align: center"><input type="image" src="images/button23.gif" width="135" height="27"/></p>
                </td>
            </tr>
        </table>
    </div>
</form>


Как её сделать поплотнее?

  Ответить  
 
 автор: AlexSol   (25.11.2011 в 14:03)   письмо автору
 
   для: Владимир55   (25.11.2011 в 13:09)
 

#table100 td{
padding:0 10px;
}

  Ответить  
 
 автор: Владимир55   (25.11.2011 в 14:26)   письмо автору
 
   для: AlexSol   (25.11.2011 в 14:03)
 

Спасибо!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования