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