11.12.2012 22:21:31 Отступ контента в блоке. Сообщение #1
Алек
Эксперт
Дата регистрации:
30.11.2012 19:41:21
Сообщений: 82
Каким образом можно выравнить контент в блоке с помощью атрибута margin?
Уроки и статьи
Подписка
Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.
Мой аккаунт
Моя группа
Опрос
Каким движком Вы предпочитаете пользоваться?
Видеокурс по PHP
Бесплатный Видеокурс по основам PHP
Особенности Видеокурса:
- Создание реального PHP-сайта
- Регистрация и авторизация
- Гостевая книга
- Поиск по сайту
Чтобы получить Видеокурс,
заполните форму
Бесплатный онлайн-семинар
Создание лендингов на заказ
Придя на семинар:
- Вы узнаете мою историю, как я начинал создавать сайты на заказ.
- Вы узнаете, почему сейчас самое время начать этим заниматься.
- Вы получите очень подробный пошаговый план действий по созданию и продвижению своей Web-студии с комментариями, в том числе, и в виде PDF.
- Вы узнаете, как и где найти сотрудников, как общаться с заказчиками.
- Вы узнаете, как максимально автоматизировать бизнес-процессы.
После семинара Вы уже самостоятельно сможете, следуя простому и подробному плану, открыть свою Web-студию и получить первые заказы.
Умные цитаты
Делай то, что в жизни тебе даётся легко, и делай это изо всех сил.
Неизвестный
Форум сайта MyRusakov.ru
Отступ контента в блоке.
11.12.2012 22:30:38 Отступ контента в блоке. Сообщение #2
mischa.samolkaev
Продвинутый
Дата регистрации:
12.07.2012 13:00:02
Сообщений: 74
Немного непонятный вопрос, если вы про позиционирование, то указывайте margin-left margin-right у выравниваемого элемента
Помоему можно еще провернуть похожее с padding но это крайне "варварски"
#examples-element{
margin-left:10px
}
Помоему можно еще провернуть похожее с padding но это крайне "варварски"
#examples-parent{
papping-left:10px;
padding-right: 20px;
}
11.12.2012 22:49:20 Отступ контента в блоке. Сообщение #3
Алек
Эксперт
Дата регистрации:
30.11.2012 19:41:21
Сообщений: 82
Я хотел бы с помощью text-align и margin-left и margin-right выравнивать текст в каждом отдельном блоке, но не представляю как связать эти атрибуты.
12.12.2012 15:20:52 Отступ контента в блоке. Сообщение #4
mischa.samolkaev
Продвинутый
Дата регистрации:
12.07.2012 13:00:02
Сообщений: 74
Если хотите текст сделать по центру просто прописывайте text-align:center блоку
Хотите точного выравнивания:
Указывайте padding у родителя при фиксированном размере блока;
Указывайте padding у дочернего элемента при фиксированном размере блока родителя;
Пример 1:
Пример 2 (Не рекомендован)
#example-parent{
text-align:center;
}
Хотите точного выравнивания:
Указывайте padding у родителя при фиксированном размере блока;
Указывайте padding у дочернего элемента при фиксированном размере блока родителя;
Пример 1:
<html>
<head>
<title>
Тестовая страница
</title>
<style type="text/css"></style></head>
<body>
<style>
#example-child{
padding-left:100px;
}
#example-parent{
background:wheat;
width:400px;
height:400px
}
</style>
<div id="example-parent">
<div id="example-child">Я тест!</div>
</div>
</body>
</html>
Пример 2 (Не рекомендован)
<html>
<head>
<title>
Тестовая страница
</title>
<style type="text/css"></style></head>
<body>
<style>
#example-parent{
background:wheat;
width:300px;
height:400px;
padding-left:100px;
}
</style>
<div id="example-parent">
<div id="example-child">Я тест!</div>
</div>
</body>
</html>