“Поплавки” или как еще называется этот метод “обтекание блока“, служат для того что бы расположить блоки в 1 строку. Наглядный пример меню на моем блоге. Каждый пункт (обо мне, блог, портфолио и т.д.) создается с помощью блока div. Это не моя прихоть. Вы скажете, что сейчас все меню делаются списком, но тут уже все дело в плагине. Так сделано, что плагин сам создает меню на основе div’ов. Как тут быть, ведь все дивы будут становиться в столбик. Вот тут и приходит на помощь свойство float.

Float определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон. Когда значение параметра float равно none, элемент выводится на странице как обычно, самое большое — одна строка обтекающего текста может быть на той же линии, что и сам элемент.

Читать далее »

Статья расчитана на тех, кто уже разбирается в HTML и CSS. Но, безусловно, для многих, кто не знает об этом методе, будет очень позновательной и интересной статьёй.

Если ты дизайнер, ты хочеш, что бы каждый твой дизайн был уникален и неповторим. Пытаешся нарисовать все так, что бы гарманировало, каждая деталь дополняла другую и так далее. Зачастую, нарисовав красивый заголовк для какого-либо раздела, выесняется, что заказчику надо, что бы поисковики “видели” эти категории, рубрики их названия. Как быть? Ведь если убрать это все, и поставить простой текст, то задумка дизайна уже не будет такой классной и уникальной! Получится классное оформление, а текст обычный, как говорит один мой знакомый блоггер “буденно”(с укр. повсидневно) т.е. заежжено, просто, неуникально. И вот я могу Вам представить решение. Метод называется Image replacement. Есть несколько разных способов его применения. Как работает метод Image replacement? В коде html, в том месте где вам надо вставить вашу картинку, мы ставим тег заголовка <h1></h1>- к примеру, и между ним вставляем текст Вашего будущего заголовка и в CSS прописываем нужные параметры( об этом ниже),ставиш для загловка background:url(my_img.jpg); . Итак, когда ты заходиш на сайт, то ты видеш картинку, которую ты вставил в background, а текст нет, а поисковики как раз и видят тот текст, который будет заголовком первой важности между тегами
<h1></h1>. Вот и вся технология. Очень удобно с помощью нее делать красивые заголовки картинкой, и при это не терять индексацию заголовков поисковиком.

Читать далее »

Большинство людей, которые решают создать свой блог, не задумываются о том, что могут столкнуться с такой проблемой как редактирование своих статей именно с помощью тегов HTML.

В наше время практически все движки сопровождаются визуальным помошником оформления статей и имеют нужные кнопки для форматирования текста. Жирный, курсив, зачеркнутый шрифты, различные формы списков, цитаты, выравнивания текста на странице, цвет, добавление ссылок и так далее. Все хорошо когда все это есть на панельках Вашего редактора. Но как быть, если что-то пошло не так и Вам необходимо редактировать все  в ручную, роясь в непонятном для Вас HTML коде, а если еще и затрагивать каскадные таблицы стилей(CSS), то для новичка это полный аврал!

В этой статье я не буду выкладывать полный или даже краткий курс об основах HTML и CSS. Мы поговорим о самых распостраненных моментах редактирования. Читать далее »