ALA 3

ALA 3

30 мая 2004/

ALA 3 - интернет хитрости

Очень простой прием, но очень нужный. Вы использовали изображение в качестве ссылки на некоторую другую страницу. Если мы будем просматривать вашу страницу в текстовом броузере, то картинки не будет и ссылки тоже - что, конечно, плохо. В www.zeldman.com это решается так - изображение делается в CSS как background, а текст ссылки опять же с помощью CSS выдвигается за пределы видимости. Без CSS будет виден только нормальный текст. Подробнее это делается так.

Итак, мы хотим, чтобы при отсутствии CSS просто была бы текстовая ссылка на ресурс, с в случае CSS -ссылка в виде изображения и текстовой ссылки естественно не было бы.

Делаем обычный DIV, в нем ссылку A и текст ссылки ССЫЛКА

В CSS пишем TEXT-INDENT: -9999px; Это делает текст невидимым - он просто выносится из блока. А в CSS дальше DIV A:link- снабжаем фоном-background (фон - это нужное изображение). Все очень просто - и немного напоминает замену изображения при наведении мышки - метод Pixy. Замещающее и замещаемое изображения хранятся в одном файле и мы просто при наведении мышки это изображение сдвигаем ( для сдвига вертикального вверх в CSS пишем нечто вроде A:hover {BACKGROUND: url(image) no-repeat 0px -30px;}). Более того - и сдвиг текста, и сдвиг изображения применяется для той же ссылки: текст сдвигается для того, чтобы стал невидимым, а изображение - при наведении мышкой A:hover.

О методе Pixy я уже писал 20 мая. Там же и говорилось о том, что не все на странице можно сразу показывать, в CSS скрывая - hide - часть страницы. Хорошее подтверждение этому я недавно видел: вас спрашивают - хотите ли вы зарегистрироваться, и в случае "да", ниже сразу появляется бланк регистрации (это не другая страница, а скрытая часть текста).

И еще: если заголовок сайта идет как изображение (background в CSS), то нужно сделать текстовый заголовок и его скрыть в CSS - только он и будет виден в текстовых броузерах.

Почему я вообще забочусь о текстовых броузерах? Лазить по интернету с помощью мобильных телефонов - это уже реальность, а там текстовый режим более приемлем.

30 May 2004/

Some CSS considerations - in Russian


© Some GRAPHICS by Boris Budinas
Сайт управляется системой uCoz