Плавающие блоки в CSS







Моя дорога в изучении HTML, PHP, CSS и MySQL

Украшаем сайт


8. Плавающие блоки в CSS (продолжение)

Расположение блоков как на предыдущей странице не так часто можно использовать. Но без плавающих блоков невозможно обойтись, если в тексте есть изображение и лучше, если текст будет его обтекать. До того, как я узнала о блоках и файле стилей CSS, в одной ячейке таблицы помещала изображение, в другой - текст. Но если текста больше, то ни о каком обтекании говорить не приходилось.

"Обтекание картинки текстом обычно используется для компактного размещения материала и связывания между собой иллюстраций и текста" - это взято из Интернета, чтобы получилось больше текста и оказалось видным обтекание изображения. Здесь обошлась без таблицы. Достаточно было для нужного класса указать в CSS: float: left и margin-right: 15px. Количество пикселей можно подогнать с помощью Firebug.







Copyright © 2015. Хайманова Татьяна Яковлевна. Все права защищены.