Архив категории: "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... | Теги: ,

Довольно часто при верстке создается необходимость расположить изображение слева от текста таким образом, чтобы текст находился справа от изображения и не сворачивал под него, т.е. должно это выглядеть вот так:

001.jpg

Такое позиционирование текста достигается, благодаря помещению его в дополнительный <div>, которому указывается свойство display: table. Если бы был всего один параграф с текстом, то дополнительный <div> не понадобился бы, достаточно было бы применить display: table к блоку параграфа. Однако, если на практике используется несколько параграфов, то их приходится помещать в отдельный контейнер, иначе второй и последующие параграфы съедут под изображение. Читать полностью »

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

Представляю Вашему вниманию универсальный метод для манипулирования CSS свойствами в Javascript сценариях. Протестировано во всех современных браузерах (включая IE6).

Вы можете спросить меня: а зачем это нужно, если есть CSS? Ну например, для создания анимации какого-либо элемента при определенном событии или вам нужно узнать значение свойства элемента. У меня год назад был один проект, где через систему управления для разных разделов подгружались флешки разной высоты и необходимо было для элемента <div> прописать эту высоту. Просчет высоты осуществлял PHP и подставлял ее значение в простой JS сценарий. Читать полностью »

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

home2.jpgМножество существующих плагинов wordpress позволяют встраивать форму обратной связи на ваш блог, но использование плагинов — не обязательное условие. В сегодняшней статье, вы узнаете как создать встроенную контактную форму, с помощью собственной WordPress-темы без использования отдельных плагинов.

Читать полностью »

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