HTML-верстка

Локальная баннерная система

Этот скрипт поможет вам организовать на своем сайте или страничке баннерную систему.

Первый фрагмент вы вставляете в любое место странички. Лучше в теге <HEAD>.

<SCRIPT language="JavaScript"> // <!-- Begin function banners() { bn[1]="http://www.ссылка1.ru"; bn[2]="http://картинка1.gif"; bn[3]="http://www.ссылка2.ru"; bn[4]="http://картинка2.gif"; bn[5]="http://www.ссылка3.ru"; bn[6]="http://картинка3.gif"; if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0,1)) < 3)) { return(' '); } var j=(new Date()).getSeconds() % 5; document.write('<a href=' + bn[2*j+1] + ' target=blank><img src=' + bn[2*j+2] + ' border=0 width=468 height=60></a>'); return(' '); } // --> </SCRIPT>

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

Сборник CSS хаков

В этом посте я постарался собрать все известные мне хаки для css. Многие могут усомниться в их надобности для нормальных современных браузеров, потому как большинство хаков всегда применялись только для IE, но этот пост скорее для любознательных :), в верстке хаки вообще лучше не использовать. Но так или иначе, раз они есть, грех о них не знать.

В отличие от многих хаков для той же Opera, которые также будут обработаны и Safari, я немного изменил код и Opera 9.2, Opera 9.5 и Safari 3 увидят каждый свой css. Читать далее »

Почему редизайн сайта нужно делать с использованием CSS

Цены на редизайн сайта часто практически равны ценам на разработку дизайна сайта с нуля. Многие не могут понять, почему так происходит. Поэтому возникает вопрос, зачем делать редизайн сайта, если сайт уже есть и он приносит прибыль. Очень сложно понять, когда наступил тот момент, когда нужно что-то менять.

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

Перекрывание селектов в IE6

Даже через абсолютно спозиционированные ДИВ-ы с максимальным zIndex-ом в ИЕ6 «проглядывают» селекты. Задача: подобрать HTML/CSS-способы перекрывания селектов.

Реализация селектов в браузере Internet Explorer 6 такова, что перекрыть их обычными блочными элементами (ДИВ-ы, таблицы) даже при максимальном zIndex-е у последних не получится. Выглядит этот эффект вот так (у ДИВа z-index:10000): Читать далее »

Практический CSS/JS: уменьшаем время загрузки страницы

Примечание: ниже находится перевод двух близких статей («Delay loading your print CSS» [http://www.phpied.com/delay-loading-your-print-css/] и «JS includes — the saga continues…» [http://www.phpied.com/javascript-include-ready-onload/]) по оптимизации загрузки страницы при наличии нескольких файлов стилей или скриптов.

У вас есть два вызова CSS-файлов на странице, например: Читать далее »

Внешние и внутренние отступы блоков, разночтение

PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;

Это описание внутренних отступов блока — то расстояние, которое будет между рамкой блока и содержимым. Почти так мы писали и в BODY, чтоб начать страницу от края экрана.

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

Прозрачность в CSS

Рассмотрим сначала всевозможные эффекты прозрачности, которые будут видны только пользователям Internet Explorer.
К примеру, есть у вас некая картинка, которая содержится в вашей html странице. Данная картинка без участия каких-либо графических пакетов, может быть видоизменена используя эффект прозрачности. Internet Explorer обладает самыми широкими возможностями в этой области. Рассмотрим все возможные примеры.

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

Использование фонового изображения для замены текста

С помощью простого трюка CSS вы можете улучшить представление шрифтов на своих веб-страницах. При этом и неграфические броузеры и поисковые роботы смогут с ними нормально работать.

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

Сокращение времени загрузки веб-страниц с помощью CSS

1. Избегайте использования таблиц для разметки страницы

Вот шесть причин, по которым лучше использовать CSS, а не таблицы, для разметки страниц:

* Браузеры анализируют таблицы дважды: первый раз для того, чтобы оценить структуру таблицы, и второй — для орпреления их содержимого.
* Таблицы отображаются сразу полностью, а не по мере загрузки. Читать далее »

Скролинг в броузере отличный от серого цвета

Можно и так

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