Создание сайта на HTML5 и CSS3. Урок 9

Так как на сайте у нас появился первый контент (логотип) мы уже можем отцентрировать его содержимое и увидеть изменения в живую.

ВНИМАНИЕ! На канале только первые 10 уроков. Остальные вы можете получить и скачать бесплатно, если подпишитесь на этот тренинг вот здесь:

Список остальных уроков из этой серии:

[leonazhiba]

Все получилось!!!)Просто окно браузера на весь экран надо было сделать😂😂😂

[CodexWeb]

Ставьте лайк и подписывайтесь на канал. Будет еще больше интересных уроков!

[nikitadenisov]

чтобы отцентрировать изображение постав те mid ниже header

[MrVikey]

Приветствую, возможно подскажете. Всё работало нормально, всё получалось, дошёл до этого урока, не могу выровнить, хотя всего одну строчку дописать, пишу div.mid {width: 1000px; margin: 0 auto; background: #fff;} посмотрел на твой синтаксис у тебя px того же цвета что и 1000, а у меня красным горит, не знаю подумал возможно из за этого у меня не получается выровнить логотип по центру?

[qfdiivo]

Добрый день. У меня логотип все равно не поменял положение. Проверила уже все и язык и синтаксис. Ошибка не обнаружена :(

[mlhuvom]

sublimetext.com вот с этого сайта скачайте то что он использует, если не получается поставить на центр лого

[SaFFThesivern]

Хмм есть проблемка.. ни в одном из мест почему-то не отображает картинки, помогите кто может, вроде все как надо сделал.

[blqcknp]

Серега, ты лучший:) Вот только одна проблема: в 10 уроке, делали меню, я всп точь-в точь пишу, а вот когда пишу "div.topmenu{float: right;}" то шапка передвегается в правый верхний угол, а меню все так же сверху на шапке. что делать?(

[leonazhiba]

Доброго времени суток)Уроки у вас не утомительные, все просто и понятно) Но дошел до этого и не получается отцентрировать блок div.mid)В чем проблема не пойму

[kirill]

Как обычно, надоедаю (когда спрашиваешь - лучше усваивается :)).
Зачем мы (на 0:36) выставляем margin: 0 ? Ведь это значение у нас уже присвоено блоку body в начале. То есть оно будет применяться ко всем вложенным элементам. В том числе и данному mid. Я правильно рассуждаю?

[cetch]

ВНИМАНИЕ! КТО НЕ МОЖЕТ ОТЦЕНТРИРОВАТЬ:
Прилагаю свой код:
HTML:

<div id="header_of_site">
<header class="header_img">
<img src="images/logo.png" alt="Site Logotype" title="Logo" />

</header>
<div class="mid"></div>
</div>
<div class= "menu">
<div class="mid"></div>
</div>
<footer>
<div class="mid"></div>
</footer>

CSS:

/* Структура сайта */
#header_of_site {
display: block; /* Для старых браузеров */ /* Высота шапки */
background: #101417;
}
#header_of_site .header_img{width:1000px; margin: auto;}

[CodexWeb]

*Влад Кнауб* - может там ты на русском языке px написал?