PDA

Просмотр полной версии : Авторизация как на Yandex

SSB1981
24.02.2008, 13:46
Здравствуйте!

Мне нужно сделать такое же окно авторизации как сдесь:
http://tv.yandex.ru/?day=13933&hour=6&period=24&flag=
Хочу также чтобы по нажатию кнопки выскакивало окошко с формой для авторизации.
Я посмотрел исходники там используется CSS свойство display.
Когда пытаюсь сочинить что-нибудь подобное, то сразу же разваливается страница - всё начинает куда-то ползти! :(
Помогите пожалуйста!
astrologer
24.02.2008, 14:59
Важнее то, что там используется абсолютное позиционирование.
<html>
<head>
<title>Яньдекс.</title>

<style type="text/css">

#login-form
{
position: absolute;
display: none;
top: 30px;
width: 95%;
}
td.loginForm
{
border: 1px solid #666666;
}
#login-form form table
{
padding: 15px;
}

</style>

<script type="text/javascript">

function showLogin()
{
document.getElementById('login-form').style.display = 'block';
return false;
}

</script>

</head>
<body>
<a href="#" onclick="return showLogin(0);">Войти…</a>


<div id="login-form">
<table border="0" cellspacing="0" cellpadding="0" width="273" height="213" align="center">
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0" width="270" height="210" align="center">
<tr valign="top">
<td class="loginForm">
<form action="#" method="post" name="login" id="loginform">

<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td>
</td>
<td width="99%">
<a href="#">Зарегистрироваться</a>
</td>
</tr>
<tr>
<td>
Логин:
</td>
<td>
<input name="login" type="text" style="width: 100%;">
</td>
</tr>
<tr>
<td>
Пароль:
</td>
<td>
<input name="passwd" type="password" style="width: 100%;">
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="submit" value="Войти" id="loginsubmit">
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>

</body>
</html>
SSB1981
24.02.2008, 17:21
Спасибо! Держи +!