<MyRusakov.ru />

PHP и MySQL с Нуля до Гуру 2.0

PHP и MySQL с Нуля до Гуру 2.0

Данный курс научит Вас программировать на самом популярном Web-языке в мире - PHP. Курс состоит из 11 разделов, в которых с нуля рассказывается и показывается процесс написания различных скриптов на PHP.

В курсе Вы узнаете всю необходимую теоретическую часть, а также увидите массу практических примеров, в том числе, и из моей практики.

Почти к каждому уроку идут упражнения.

Просмотрев данный курс, Вы сможете создавать абсолютно любые PHP-сайты любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Отступ контента в блоке.
11.12.2012 22:21:31 Отступ контента в блоке. Сообщение #1
Алек

Алек

Эксперт

Эксперт

Дата регистрации:
30.11.2012 19:41:21

Сообщений: 82

Каким образом можно выравнить контент в блоке с помощью атрибута margin?
Профиль Ответить
11.12.2012 22:30:38 Отступ контента в блоке. Сообщение #2
mischa.samolkaev

mischa.samolkaev

Продвинутый

Продвинутый

Дата регистрации:
12.07.2012 13:00:02

Сообщений: 74

Немного непонятный вопрос, если вы про позиционирование, то указывайте margin-left margin-right у выравниваемого элемента

#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

mischa.samolkaev

Продвинутый

Продвинутый

Дата регистрации:
12.07.2012 13:00:02

Сообщений: 74

Если хотите текст сделать по центру просто прописывайте text-align:center блоку

#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>
Профиль Ответить
12.12.2012 16:37:01 Отступ контента в блоке. Сообщение #5
Алек

Алек

Эксперт

Эксперт

Дата регистрации:
30.11.2012 19:41:21

Сообщений: 82

Да, спасибо, выполнил по 1-му примеру, всё отлично смог выравнять.
Профиль Ответить