Форум Flasher.ru
Ближайшие курсы в Школе RealTime
Список интенсивных курсов: [см.]  
  
Специальные предложения: [см.]  
  
 
Блоги Правила Справка Пользователи Календарь Поиск рулит! Сообщения за день Все разделы прочитаны
 

Вернуться   Форум Flasher.ru > Работа над сайтом > HTML/DHTML/CSS/JS/VB

Версия для печати  Отправить по электронной почте    « Предыдущая тема | Следующая тема »  
Опции темы Опции просмотра
 
Создать новую тему Ответ
Старый 13.07.2009, 17:43
mydba вне форума Посмотреть профиль Отправить личное сообщение для mydba Найти все сообщения от mydba
  № 1  
Ответить с цитированием
mydba

Регистрация: Jul 2009
Сообщений: 2
Question Подскажите с 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.
Старый 13.07.2009, 19:42
mydba вне форума Посмотреть профиль Отправить личное сообщение для mydba Найти все сообщения от mydba
  № 2  
Ответить с цитированием
mydba

Регистрация: Jul 2009
Сообщений: 2
По умолчанию padding-left

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

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

Старый 17.07.2009, 01:16
Raimund вне форума Посмотреть профиль Отправить личное сообщение для Raimund Найти все сообщения от Raimund
  № 3  
Ответить с цитированием
Raimund

Регистрация: Jun 2009
Сообщений: 25
у тебя отступ 20px выставлено только для тега div вот слово главная и отступает от края 20px

Создать новую тему Ответ Часовой пояс GMT +4, время: 03:21.
Быстрый переход
  « Предыдущая тема | Следующая тема »  

Теги
css , margin , отступы
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


 


Часовой пояс GMT +4, время: 03:21.


Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.