Формы

lapwing · December 24, 2009

Подскажите, кто-нибудь сталкивался с такой проблемой: кнопка submit в форме имеет вид плоского прямоугольника и на реагирует на наведение мыши (хотя работает, т.е. при нажатии данные отправляются). Пользуюсь DW и там в режиме разделения кнопка похожа на кнопку-выпуклая, а в localhoste смотрю страницу-кнопка серенький прямоугольничек?

psywalker · December 24, 2009

Подскажите, кто-нибудь сталкивался с такой проблемой: кнопка submit в форме имеет вид плоского прямоугольника и на реагирует на наведение мыши (хотя работает, т.е. при нажатии данные отправляются). Пользуюсь DW и там в режиме разделения кнопка похожа на кнопку-выпуклая, а в localhoste смотрю страницу-кнопка серенький прямоугольничек?

Давай скрин того, что хочешь получить и ссылку на страницу с проблемой.

lapwing · December 24, 2009

Может быть плохо видно разницу, но у меня кнопка почему-то плоская и на наведение мыши никак не реагирует, а на втором рисунке она выпуклая и окантовка меняет цвет на оранжевый

Вот код страницы с формой

<?php 
include ("blocks/bd.php");
$result = mysql_query ("SELECT title,meta_d,meta_k,text FROM settings WHERE page = 'obj'",$db);
$myrow = mysql_fetch_array($result);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="description" content="<?php echo $myrow['meta_d']; ?>">
<meta name="keywords" content="<?php echo $myrow['meta_k']; ?>">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title><?php echo $myrow['title']; ?></title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="stuHover.js" type="text/javascript"></script>
<script language="JavaScript">
<!--
required = new Array("p1", "p2", "p3");
required_show = new Array("Ваше имя", "Ваш телефон","текст объявления");
function SendForm () {
var i, j;
for(j=0; j<required.length; j++) {
for (i=0; i<document.forms[0].length; i++) {
 if (document.forms[0].elements[i].name == required[j] && document.forms[0].elements[i].value == "" ) {
alert('Пожалуйста, введите ' + required_show[j]);
document.forms[0].elements[i].focus();
return false;
}
}
}
return true;
}
-->
</script>
</head>

<body>
<div id="container">
 <?php include("blocks/header.php");?> 
  <?php include("blocks/top_menu.php");?> 
  <?php include("blocks/left_pan.php");?> 
	<div class = "content">
	 <?php echo $myrow['text'];?>
	 <?php
	 $result1 = mysql_query("SELECT img FROM captcha",$db);
	 $myrow1 = mysql_fetch_array($result1);
	  if (isset($_REQUEST['a']))
		 {$a = $_REQUEST['a'];}
	 ?>
	  <form action="addbuy.php" method="post" onSubmit="return SendForm()">
	  <p style="text-indent:20px">Здесь вы можете оставить свое объявление о покупке либо аренде любой недвижимости (квартиры, дома, участки, офисы, производственные помещения и.т.д.) Пожалуйста заполните все поля. После отправки дождитесь сообщения о том, что данные занесены в базу.</p>
	  <br><br>
	  <p><font color=red>*</font>Введите ваше имя</p>
	  <input name="p1" type="text" size='30' maxlength='30'>
	  <p><font color=red>*</font>Введите телефон для связи</p>
	  <input name="p2" type="text" size='30' maxlength='30'>
	  <p><font color=red>*</font>Введите текст объявления</p>
		<textarea name="p3" cols="45" rows="5"></textarea>
	  <input name="a" type="hidden" value="<?php echo $a;?>">
	  <p><input name="submit"type="submit" value="Отправить"></p>
	  </form>
	</div>
  <?php include("blocks/prav_pan.php");?>
 <div class="clearfloat"></div>
 <div class="empty"></div>
</div>  
  <?php include("blocks/copyright.php");?> 
</body>
</html>

psywalker · December 24, 2009

1) В PHP я не шарю

2) Где рисунки, я их не вижу

3) Ссылка тоже нужна

lapwing · December 24, 2009

Вот ссылка

Дело тут не PHP я думаю. Рисунки у меня вроде вставились, сейчас еще попробую.

Я что-то сразу не сообразил. У меня сайт на localhoste, как же я на него ссылку дам?

Вот скопировал свою форму на сайт на народе, должна сработать ссылка

Форма с плоской кнопкой

brainless · December 24, 2009

что-то и я не очень понял. кнопки в разных браузерах тоже по-разному отображаются и реагируют на наведение. может, сделать кнопку блочной (display:block) и применить к ней псевдокласс hover или там соответствующий onmouseover?

lapwing · December 24, 2009

Я проверил форму на этом сайте в IE, FF и Опере, везде все то же самое-плоский прямоугольник вместо выпуклой кнопки.

s0rr0w · December 24, 2009

Я проверил форму на этом сайте в IE, FF и Опере, везде все то же самое-плоский прямоугольник вместо выпуклой кнопки.

* {

border:0 none;

margin:0;

padding:0;

}

Это фо такое?

Justnewone · December 24, 2009

* {
border:0 none;
margin:0;
padding:0;
}
Это фо такое?

а вот это?

http://localhost/

rus · December 25, 2009

* {
border:0 none;
margin:0;
padding:0;
}
Это фо такое?

А что, вполне нормальное явление - общий сброс.

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

Searcher · December 25, 2009

Слишком ядрено в общем сбросе обнулять бордеры. Лучше уберите оттуда border:0 none; и поставьте обнуление бордеров только для таблиц.

rus · December 25, 2009

Хаха, не заметил: border:0 none; и 0 и none.

Что-то одно надо.

Justnewone · December 25, 2009

Слишком ядрено в общем сбросе обнулять бордеры. Лучше уберите оттуда border:0 none; и поставьте обнуление бордеров только для таблиц.

Я бе еще для IMG посоветовал.

Searcher · December 25, 2009

Я бе еще для IMG посоветовал.

да, не мешало бы

lapwing · December 25, 2009

Всем огромное спасибо. Убрал border:0; - все получилось.

Justnewone · December 25, 2009

Дети, вы только что прослушали страшную сказку про злого волшебника Копипаста Бездумного. =)

psywalker · December 25, 2009

Дети, вы только что прослушали страшную сказку про злого волшебника Копипаста Бездумного. =)

lapwing · December 25, 2009

Ну в общем то и не совсем бездумного. Это правило было взято из книжки Игоря Квентора "Соэдание трехколоночного шаблона для Вордпресс". Там в примере он делает обнуление не только отступов и полей, но и рамок (border). А там, где надо - задает. Просто не сообразил, что кнопка это тоже рамка.

Sign In

Формы

Question

Link to comment

Share on other sites

17 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information