|
|
|||||
Регистрация: Jul 2009
Сообщений: 2
|
Подскажите с margin.
Всем доброго времени суток
Будьте добры, подскажите мне, как решить проблему. Только-только начал изучать css. Проблема такая: не получается сделать отступы после заголовка регистрация нового пользователя (картинка прилагается). Вверху же получилось сделать отступ с помощью margin. То есть мне нужно сделать отступы после слов: введите своё имя, введите пароль, подтвердите пароль. Думал сделать так: после текста Введите своё имя вставлять <div class="ots"> и после закрывать </div>, а .ots { margin-left: 20px; /* Отступ слева */ } не получилось. Результат вышел такой:формы стали под текстом, а не за ним. В общем, если кто поможет, буду очень признателен. Спасибо <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title> New project </title> <style type="text/css"> .layer1 { margin-left: 20px; /* Отступ слева */ color: lightblue; /* Цвет шрифта */ padding: 0px; /* Поля вокруг текста */ } .ots { margin-left: 20px; /* Отступ слева */ } </style> </head> <div class="layer1"> Главная </div> </style> </head> <body bgcolor = "black"> <table border="1" width="100%" height="0%" body bgcolor="black" background="topfon.jpg"> <tr> <td> <center><img src = "top.jpg" width = "1070" height = "200"></center> <b> <center><h4><font face = "Verdana" color = "white">Регистрация нового пользователя</font></h4> </center> <br> <center> <form name = "id" action = "2.php" method = "POST"> Введите своё имя <input type = "text" name = "login" style="background-image:url(topfon4.jpg)"> <br><br> Введите пароль <input type = "text" name = "password" size="22" MAXLENGHT="20" style="background-image:url(topfon4.jpg)"> <br><br> Подтвердите пароль <input type = "text" name = "password2" size="17,5" MAXLENGHT="20" style="background-image:url(topfon4.jpg)"> <br><br> <font color = "lightblue"> <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)"> </form> </font> <br> </center> </b> </td> </tr> </table> </body> </html> Последний раз редактировалось mydba; 13.07.2009 в 17:45. |
|
|||||
Регистрация: Jul 2009
Сообщений: 2
|
padding-left
кажется надо использовать padding-left. А зачем тогда margin? пока не понял.
что хочется получить: то, чтобы были отступы слева и справа, сверху и снизу, и при этом отступы не касались первой строки, где будет меню: Главная, Новости и т.д. как это сделать, кто-нибудь подскажет? |
|
|||||
Регистрация: Jun 2009
Сообщений: 25
|
у тебя отступ 20px выставлено только для тега div вот слово главная и отступает от края 20px
|
Часовой пояс GMT +4, время: 20:43. |
|
« Предыдущая тема | Следующая тема » |
Теги |
css , margin , отступы |
|
|