Подскажите с margin.

mydba · 13.07.2009, 17:43

Всем доброго времени суток

Будьте добры, подскажите мне, как решить проблему. Только-только начал изучать 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, 19:42

кажется надо использовать padding-left. А зачем тогда margin? пока не понял.

что хочется получить: то, чтобы были отступы слева и справа, сверху и снизу, и при этом отступы не касались первой строки, где будет меню: Главная, Новости и т.д. как это сделать, кто-нибудь подскажет?

Raimund · 17.07.2009, 01:16

у тебя отступ 20px выставлено только для тега div вот слово главная и отступает от края 20px