Bolk. CSS. Webdings
24th April 2003 - 21:39
Есть:
CSS:
.w { font-family: Webdings }
HTML:
<span class="w">3</span>Вариант:
CSS:
.w { font-family: Webdings; content: attr(alt) }
HTML:
<span class="w" alt="back">3</span>Opera 6.05, Mozilla 1.3 — цифра '3'. Пролетают, а жаль :(
Opera 7.02 — текст 'back'
IE 6, Mozilla 1.2 — стрелка из Webdings
Other — ?
Основано на том, что IE не понимает свойство 'content' в таком виде. Опера (в отместку ;]) не отображает символы шрифта Webdings.
Для приближения к изначальной задумке в alt’ах можно проставить ← → ⇐ ⇒ или вообще не указывать alt в span’е.
Вот так и живём… ИнВалидные и нестандартные…
Update. Остановился на таком варианте (без излишеств, просто и со вкусом):
CSS:
.w, .w1, .w2 { font-family: Webdings; content: attr(alt); }
.w1 { content: url('_туда_.GIF'); }
.w2 { content: url('_сюда_.GIF'); }
HTML:
<span class=w1>3</span>
<span class=w2>4</span>
<span class=w>H</span>
<span class=w>U</span>Где-то пролетал hack с использованием скриптов и *.htc в a:after/before {content: something}, работающий в IE… Будем искать.
Categories: CSS | comments: (0)