Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   Авторизация как на Yandex (https://forum.antichat.xyz/showthread.php?t=62607)

SSB1981 24.02.2008 13:46
Авторизация как на Yandex
 
Здравствуйте!

Мне нужно сделать такое же окно авторизации как сдесь:
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
Спасибо! Держи +!


Время: 05:31