при этом хром вообще идеально:
sourse:
Свернутый текст
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("button.login").click(function(){
$("div.panel").slideDown("slow");
});
$("a.closeLogin").click(function () {
$("div.panel").hide("slow");
});
});
</script>
<style type="text/css">
.login {
float: right;
margin: 15px;
}
.panel {
background: #FF1493;
border: 3px solid #666;
height: 200px;
width: 200px;
display: none;
float: right;
}
</style>
</head>
<body>
<button class="login">Войти</button><br><br><br>
<div class="panel"><center>
<span>Логин</span><input type="text" />
<span>Пароль</span><input type="password" /><br>
<input type="submit" /><br>
<a href="#" class="closeLogin">Закрыть</a>
</center>
</div>
</body>
</html>
подскажите новичку как быть
Спустя 17 минут, 18 секунд (24.03.2012 - 18:03) inpost написал(а):
А где переносы? Вот ты даёшь понять, что тебе нравится там, где есть перенос, то почему его не поставил?
Спустя 39 минут, 26 секунд (24.03.2012 - 18:43) johniek_comp написал(а):
inpost
м? не понял?
м? не понял?
Спустя 2 минуты, 45 секунд (24.03.2012 - 18:45) inpost написал(а):
Есть записи в линию, есть записи с новой строчки. Чтобы поставить запись на новую строчку используется тег переноса строки.
Спустя 2 минуты, 31 секунда (24.03.2012 - 18:48) johniek_comp написал(а):
inpost
код одинаковый, везде есть переносы, но так по разному отображают
код одинаковый, везде есть переносы, но так по разному отображают
Спустя 8 минут, 51 секунда (24.03.2012 - 18:57) TMake написал(а):
| Цитата |
Тег <span> визуально ничего не меняет сам по себе. Тег <span> предоставляет возможность добавить "крючок" части текста или документа. Когда текст помечен таким образом с помощью элемента span, Вы можете добавить стили к содержанию, или манипулировать контентом с помощью JavaScript. |
Спустя 19 минут, 46 секунд (24.03.2012 - 19:16) Президент! написал(а):
пробуй востроизвести только тут незватает дивов
а вот и класс для дива
сравниваем вот с этим
и внимательно рассматриваем все пробелы видимыке и не видимые особенно вот это место .....class="login" /> <br /> .......
многе думаю будет понятно если внимательно рассмотреть эти три примера !!
<center>
<form method="post" action="index.php?page=10" >
Логин:<br />
<input type="text" name="login" class="login" /><br />
<input name="pass" type="password" class="login" /><br />
Пароль:
<input type="submit" value="Авторизация" class="button" />
</form></center>
а вот и класс для дива
.login{width: 140px;} /*длинна полей принудит для ИЕ*/
сравниваем вот с этим
<form method="post" action="index.php?page=10" >
Логин:<br />
<input type="text" name="login" class="login" /><br />
<input name="pass" type="password" class="login" /> <br />
Пароль:
<center>
<input type="submit" value="Авторизация" class="button" />
</center>
и внимательно рассматриваем все пробелы видимыке и не видимые особенно вот это место .....class="login" /> <br /> .......
<center>
<form method="post" action="index.php?page=10" >
Логин:<br />
<input type="text" name="login" class="login" /><br />
<input name="pass" type="password" class="login" /> <br />
Пароль:
<input type="submit" value="Авторизация" class="button" />
</center>
многе думаю будет понятно если внимательно рассмотреть эти три примера !!
_____________
