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