PHP, дивы, <div>

Дивы (<div>) - простыми словами, это контейнеры, которые что то содержат, или которые куда то вставляются. Им можно задать ширину, высоту, выровнять по верху, низу, по левой стороне, правой, посередине и т.д. Так же можно наслаивать их друг на друга. В общем с дивами можно творить всё что душе угодно.

Все свойства (длина, ширина, выравнивание по краям и т.д.) прописываются в таблице стилей CSS. Можно конечно и прямо дивам присваивать, но муторно это. Для этого достаточно задать диву класс и прописать этому классу свойства в таблице, но об этом чуть позже, боюсь запутать.

Что касается создания таблицы. Залезем немного в PHP программирование и поковыряемся в дивах (<div>). С их помощью тоже можно создать таблицу. С одной стороны это намного легче. С другой - если кому то нужен просто простенький сайтик - с дивами можно не связываться. Конечно есть моменты, когда без них не обойтись, например при создании динамически связанных страниц, или при работе со слоями и т.д. Конечно обойтись можно, но муторно однако :)

Так, забыли про динамику, что несёт меня всё не в ту сторону :) Просто тема довольно обширная, даже не знаешь за какой край схватиться. В общем дивы используются во многих областях. А сейчас мы конкретно остановимся, как с их помощью можно создать таблицу. Точнее расположить элементы странички в нужных нам местах.


Для начала надо создать страничку. Затем таблицу CSS. Не забудьте присоединить таблицу стилей к страничке :) Можно вместо таблицы, но не желательно вынести свойства таблицы в заголовок. Делаем это с помощью тегов:

<style type="text/css"> открывает таблицу стилей
</style> закрывает

Разместить их надо перед закрывающим тегом </head>. Теперь со спокойной совестью можете прописывать свойства таблицы между этими двумя тегами.

Основа построения странички будет сводится к написанию дивов (<div>) и присвоения им различных классов, например <div class="sidebar1">. Свойства классов мы будем прописывать в таблице CSS, или кто то прямо на страничке :) А вот самим классам мы уже будем придавать различные свойства - длину, ширину, цвет, размер шрифта и т.д.

Бывают случаи когда нужно придать диву дополнительно к основным, уже прописанные ранее свойства. Что бы не писать по новой эти свойства в таблице стилей, только с другим названием - можно просто дать диву несколько классов. Приоритет имеет последний прописанный класс. Или просто упаковать один див в другой. Кстати с таблицами можно проделывать всё тоже самое. Можно вообще сделать гибрид из таблиц с дивами. Но советую пока этим не увлекаться. А изучать всё по очереди :)


Мне наверное лучше всего для наглядности создать страничку на дивах и уже прямо на её полях всё объяснить. Что бы не выпендриваться со словами типа - посмотрите налево, а теперь вниз и после этого направо :) В самом верху будет готовая страничка с описанием, а чуть ниже я буду писать свойства таблицы CSS.

Внимание. Соблюдайте пропорции в процентном соотношении. Что бы общая ширина элементов не превышала 100%. Например, если меню - 25% процентов, то для контента не более 75%. Иначе контент провалится вниз. Если задаёте фиксированные размеры, то как я люблю говорить? Правильно - не парьтесь на данную тему :)

В примере, на страничке PHP, дивы (<div>) подробности я дам только основные параметры. Всякую мелочь, типа цвета ссылок, фоновых изображений, размеров шрифтов и т.д. я затрагивать не буду. Это всё я и так уже сотню раз перемусолил. Так что где то на сайте это всё валяется и вы всё это уже читали :)

Немного рекламы :)

заказ питьевой воды

Copyright, design, ideas © Mihail. При копировании материалов, ссылка на сайт "Seozar.ru" обязательна. Контакты - admin@halych.ru
Тариф «Первый»: 2 сайта, 1 Гб, 2 MySQL, 2 FTP