001.jpg

Плавающими будем называть такие элементы, которые обтекаются по контуру другими объектами веб-страницы, например, текстом. Правильнее говорить «обтекаемые элементы», но с другой стороны термин «плавающий элемент» давно уже прижился, так что его и буду использовать в дальнейшем. Читать полностью »

Категория: PHP, HTML, CSS... | Теги:

Итак, в данном примере я немного изменю стандартный друпаловский блок с формой поиска. А если поточнее, добавлю в поле ввода произвольный текст в блоке формы поиска, исчезающий по клику левой клавиши мыши. Читать полностью »

Категория: Drupal | Теги:

На данном примере мы рассмотрим, как реализовать запрет на обтекание определенного элемента, к которому применено правило float. Нашей задачей является создание анонса новости. Макет выглядит следующим образом:image010.gif Читать полностью »

Категория: PHP, HTML, CSS... | Теги:

001.jpgВместо того, чтобы вдаваться глубоко в историю спрайтов изображений и того, как и почему нам следует их использовать, мы лучше сразу перейдем к практике, которую вы сможете незамедлительно применить в ваших проектах. Есть несколько ресурсов и уроков, которые уже дают понять, что такое спрайты изображений и как нам следует их использовать. Просто введите в Google «CSS Image Sprites» и вам выдадут более 2000 результатов. Мы пропустим этот урок истории и перейдем напрямую к использованию CSS спрайтов изображений прямо сегодня. Читать полностью »

Категория: PHP, HTML, CSS... | Теги:

home.jpgCSS, без сомнения, является одним из самых важных языков разметки, которые мы используем. И хотя HTML описывает структуру документа, ее поведение может быть непредсказуемым, в зависимости от версии браузера. CSS — это тот инструмент, который позволит нам исправить все несоответствия в отображении страницы, а также оформить ее внешний вид.

Далее приведен список из двадцати трех различных CSS-приемов, которые будут полезны как начинающим, так и опытным разработчикам. Читать полностью »

Категория: PHP, HTML, CSS..., Сайтостроение | Теги:

Вертикальное выравнивание всегда было проблемным местом в CSS, так как свойство vertical-align действует только на inline-элементы (состоящие из одной строки) и не работает с блочными элементами. Однако вертикальное выравнивание можно применить к ячейкам таблицы, таким образом мы можем использовать это в наших интересах в браузерах, которые поддерживают свойство display:table;, например в Mozilla и Opera. Читать полностью »

Категория: PHP, HTML, CSS... | Теги: ,

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

Категория: PHP, HTML, CSS... | Теги: ,