Как сделать сайт в программе Dreamweaver ?
Div по центру,
Коды с данной страницы см.здесь - Тема Div, № 4.
Новые шрифты для сайта – качаем отсюда!
Div по центру, css, код, примеры.
Нам нужно поставить Div по центру страницы! Поставить Div посередине можно несколькими способами!
Я не сторонник совать стили в каждую страницу!
Для этого существует файл css, в котором достаточно один раз это прописать и на всех страницах это свойство будет действовать!
И в чем замечательность – достаточно одну строчку изменить в файле css и все страницы изменятся!
Для того, чтобы поставить Div посередине, нам потребуется:
- Код Div с прописанным в нём классом
- Код класса, который прописан в файле css.
Создадим Div, который нам нужно поставить посередине страницы и прикрепим к нему класс, который назовём - Div-pologenie-po-tsentru
<div class=" Div-pologenie-po-tsentru ">Div –позиция слева</div>
Далее в файле css пропишем свойства данного класса.
Плюс, добавим цвет, высоту и ширину, чтобы, просто этот див увидеть!
. Div-pologenie-po-tsentru {
margin:0 auto;/* Положение по центру */
background: #fd0; /* Цвет фона */
width: 300px; /* Ширина */
height:300px; /* Высота */
Файл css – смотрим.
Как будет выглядеть наш div по центру– смотрим.
А теперь самое время развлечься!
Улучши поведенческий фактор на своём сайте!
Если понравится игра, то можно забрать код для своего сайта отсюда!