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

HTML+CSS+JavaScript

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

 

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

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

тема: Форма. как придать цвет
 
 автор: Василий   (28.12.2011 в 19:14)   письмо автору
 
 

Добрый день!
Подскажите, пожалуйста, как придать цвет этой форме.
Хочу чтобы она имела фон, цвет
Вывод формы
<div id='cerror'></div>
<div align="center"><form action="#" method="POST" enctype="multipart/form-data" name="addcom" id="addcom" onSubmit="return false">
Ваше имя:<br>
<input name="author" type="text" size="30" class="pole" id="author"><br><br>
Текст комментария:<br>
<textarea name="text" rows="5" cols="50" class="text"></textarea><br>           
<br>
<input name="id" type="hidden" value="<?php echo $id_pu?>">
<input class="adscom" name="button" type="button" value='Добавить комментарий' onclick="doLoad(document.getElementById('addcom'))">
</form>
</div><div id='cerror'></div>
<div align="center"><form action="#" method="POST" enctype="multipart/form-data" name="addcom" id="addcom" onSubmit="return false">
Ваше имя:<br>
<input name="author" type="text" size="30" class="pole" id="author"><br><br>
Текст комментария:<br>
<textarea name="text" rows="5" cols="50" class="text"></textarea><br>           
<br>
<input name="id" type="hidden" value="<?php echo $id_pu?>">
<input class="adscom" name="button" type="button" value='Добавить комментарий' onclick="doLoad(document.getElementById('addcom'))">
</form>
</div>

  Ответить  
 
 автор: deimand   (28.12.2011 в 20:09)   письмо автору
 
   для: Василий   (28.12.2011 в 19:14)
 

<input size="30" class="pole" style="background:#f00;color:#fff;border:1px solid #00f;">

Содержимое атрибута style можно вынести в css

  Ответить  
 
 автор: Василий   (28.12.2011 в 21:13)   письмо автору
 
   для: deimand   (28.12.2011 в 20:09)
 

<div align="center"><form action="#" method="POST" enctype="multipart/form-data" name="addcom" 
id="addcom" onSubmit="return false"  style="background:#f00;color:#fff;border:1px solid #00f; 
margin:0px 25px 25px 25px;">
<br>Ваше имя:<br>
<input name="author" type="text" size="30" class="pole" id="author"><br><br>
Текст комментария:<br>
<textarea name="text" rows="5" cols="50" class="text"></textarea><br>           
<br>
<input name="id" type="hidden" value="<?php echo $id_pu?>">
<input class="adscom" name="button" type="button"
 value='Добавить комментарий' onclick="doLoad(document.getElementById('addcom'))">
</form>
</div>

Цвет появился. Только вот кнопка "Добавить комментарий" прилепает к нижней границе

  Ответить  
 
 автор: deimand   (28.12.2011 в 21:46)   письмо автору
 
   для: Василий   (28.12.2011 в 21:13)
 

Чтобы сделать отступ до кнопки, можно воспользоваться тегом <br> написав его один раз или несколько раз подряд. Отступ после кнопки можно сделать поступив аналогично.

Для отступов есть и специальные стили margin и padding.

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

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