К кнопке не применяются стили

nightgremlin · March 28, 2012

Почему-то в коде к кнопке button не подключаются стили:


<!DOCTYPE html>
 <html>
  <head>
  <meta charset="utf-8">  
    <title>Обработка HTML формы с помощью PHP</title>
  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
<style>
  #div1{
  position:absolute;
  top:30%;
  left:30%;
  background:#c0c0c0;
  width:400px;  
  padding:10px;
  -moz-border-radius:10px; /* Радис скругления */
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px;}
  }   
  button.knopka{  
  background:#0000ff;
  color:#ffffff;
  padding:10px;
  -moz-border-radius:10px; /* Радис скругления */
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px;
  margin-left:30px;
  }  
  </style> 
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {    
         $("#sp1").click(function(){		 
      $("#div1").show("clip",{},1000);
   });
   $("#but1").click(function(){
      $("#div1").slideUp(1000);
   });
});
</script>
<button id="sp1"class="knopka">Отправить почту</button >
<div id="div1" style="display:none;"> 
<form action="form_processing.php" method="post">
<p>Ваше имя:<br /><input type="text" name="your_name" /> </p>
<p>E-mail:<br /><input type="text" name="email" /></p>
<p>Тема:<br /><input type="text" name="tema" /></p>
<p>Сообщение:<br />
<textarea name="message" rows="5" cols="45"> </textarea></p>
<p><input type="submit" value="Отправить"><input type="button" id="but1" value="Закрыть окно"></input></p>
</form>
</div>
</body>
</html>

Вот строчка в коде:


<button id="sp1"class="knopka">Отправить почту</button>

А если применить стили напрямую, скажем вот так:


<button id="sp1"style="background:#0000ff;color:#ffffff; padding:10px;
  -moz-border-radius:10px;   -webkit-border-radius:10px;  -khtml-border-radius:10px;  border-radius:10px;
  margin-left:30px;">Отправить почту</button >

то все проходит на ура. Но мне так не надо.

br3t · March 28, 2012

border-radius:10px;}
  }   
  button.knopka{

слишком много закрывающих скобок

nightgremlin · March 28, 2012

Спасибо! А парился. Все-таки свежий взгляд неоценим. Порой не видишь элементарных вещей. Помогло.

Ещё один вопрос не в тему, но по коду. Если я прописываю в коде:

<input type="button" id="but1" value="Закрыть окно"></input>

то скрипт закрытия формы срабатывает. А если прописать вот такой код:

<button id="but1">Закрыть окно</button>

то он почему-то не пашет. Может кто объяснит причину?

br3t · March 28, 2012

Используйте input (у которого, кстати, нет закрывающего тега)

С button'ом у меня форма закрылась, но отправилась. Ну или с type: http://htmlbook.ru/html/button/type

Edited March 28, 2012 by br3t

nightgremlin · March 29, 2012

Спасибо за ответ

Sign In

К кнопке не применяются стили

Question

nightgremlin

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

br3t

Link to comment

Share on other sites

nightgremlin

Link to comment

Share on other sites

br3t

Link to comment

Share on other sites

nightgremlin

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information