Нужна помощь по Css. Не получается сделать надписи вверху таблицы и выровнять их. получается, что надпись Nord Land выше уезжает. а надо сделать чтоб она была на одном уровне вместе с Вход и Регистрация. посмотреть тут: http://frolov4.mybsd.ru/ спасибо. Код (Text): <?php session_start(); $_SESSION['login'] = $_POST['login']; $_SESSION['mail'] = $_POST['mail']; ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <bgsound src="C:\Apache_Swissknife\Сайты\localhost01\html\forma\SNOW.mp3" loop="1"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title> New project </title> <style type="text/css"> BODY { margin: 0; /* Убираем отступы */ } a { font-family: Arial; cursor:pointer; text-decoration: none; color:skyblue; } table { border-collapse: collapse; } .parent { margin-top: 35px; /* Отступы вокруг элемента */ margin-left: 225px; /* Отступ слева */ margin-right: 225px; margin-bottom: 85px; padding-bottom: 50px; background: #99CCFF; /* Цвет фона */ padding: 10px; /* Поля вокруг текста */ } .child { text-align: center; font-family: Verdana; font-size: 14px; border: 3px solid #155; /* Параметры рамки */ padding: 10px; /* Поля вокруг текста */ margin: 0px; /* Отступы вокруг */ } .top { margin-top: 85px; text-align: center; font-family: Verdana; font-size: 14px; color: white; } .layer1 { padding-left: 80px; /* Отступ слева */ padding-bottom:0px; background-image:url(.jpg); font-size: 25px; font-family: Arial; color: lightblue; /* Цвет шрифта */ } .layer2 { font:bold; margin-left: 1000px; padding-left: 10px; /* Поле слева */ color: white; font-family: ; font-size: 15px; } .ots { margin-top: 0px; /* Отступы вокруг элемента */ margin-left: 0px; /* Отступ слева */ margin-right: 0px; margin-bottom: 0px; padding: 0px; } .ots2 { margin-left: 180px; /* Отступ слева */ padding: 0px; .mainborder { border: 1px solid #ACB3B5; background-color : White; width: 100%; margin-top:0px; padding-left: 80px; padding-right: 80px; } </style> </head> <div class="layer1"> <a href = "00001.php" style="cursor:pointer; text-decoration: none; color: lightblue;">Nord Land</a> <div class="layer2"> <a href = "00001.php"> <b>вход</b></a> <b>регистрация</b> </div> </div> <body bgcolor = "black"> <table border="1" cellpadding ="0px" cellspacing="0px" background="topfon.jpg" style="margin-top:0px; margin-bottom:0px; margin-left:100px; margin-right:170px;"> <tr> <td width = "100" height="0"> <div class="ots"> <img src = "top.jpg" width = "1070" height = "190"> </div> </td> </tr> <tr> <td width="55%" height="0%"> <b> <div class="top"> Регистрация нового пользователя </div> <br> <form name = "id" action = "2.php" method = "POST"> <div class="parent"> <div class="child"> Введите своё имя <input type = "text" name = "login" size="19" MAXLENGHT="20" style="background-image:url(topfon4.jpg)"> <br><br> Введите пароль <input type = "text" name = "password" size="19" MAXLENGHT="20" style="background-image:url(topfon4.jpg)"> <br><br> Подтвердите пароль <input type = "text" name = "password2" size="19" MAXLENGHT="20" style="background-image:url(topfon4.jpg)"> <br><br> <br> Дополнительная информация о себе <br> <br> <textarea name = "info" rows = "10" cols = "50" style="background-image:url(778.jpg)"></textarea> <br> <input type = "submit" name = "a" value = "Добавить" style="background-image:url(sub3.jpg)"> </div> </div> </form> <br> </td> </tr> </table> </b> </body> </html> [/html]
В свойства .layer1 надо дописать float:left; В .layer2 - float: right; И чуток кодик отредактировать. Код (Text): <div class="layer1"> <a href = "00001.php" style="cursor:pointer; text-decoration: none; color: lightblue;">Nord Land</a> </div> <div class="layer2"> <a href = "00001.php"> <b>вход</b></a> <b>регистрация</b> </div> <div style="clear:both;"></div>