С того момента, как Петр первый непокладая топора рубил окно в Европу, мы только и делаем, что и гонимся за этой самой Европой.

Многие валюты давно уже имеют символьное обозначение, а у нас до сих пор совковое "руб". Попытаемся восстановить справедливость.

Задача. Внедряем обозначение Российской Валюты в Интернете.
[показать]Обозначение уже было принято на основе многочисленных критериев, если кто заинтересован тут можно прочитать требования к новому символу и варианты, предложенные профессионалами.

Мы же займемся непосредственно внедрением символа в HTML. К сожалению, знак еще не включен в таблицы ISO и Unicode, поэтому отсутствует на компьютерах пользователей. Приходится искать способы его отображения. Важно, чтобы он был масштабируемым. Необходимо также подумать об устройствах чтения с экрана и о том, что окажется в буфере обмена у пользователя, копирующего цены. Возможные решения: Flash, PNG, GIF и HTML.

Минусы флеша очевидны: у пользователя может не быть проигрывателя, фокус с текста перемещается в объект при клике, сложно изменить цвет знака.

Работая с изображениями мы сталкиваемся с пределами масштабирования, фиксированной цветовой гаммой, игнорированием поисковиками и привязкой к графике.

Решение с картинкой может быть следующим (обозначение «руб» скрыто и попадет в буфер обмена при копировании):



Так выглядит код:

PHP:


/) type="text/css">

    img.ruble-img { height: 1.5ex; }

    span.dot { position:absolute; text-indent: -1000em; }

/)>



<p style="font-size:1em">Кролики по 100 <img src="rub.gif" class="ruble-img" /><span class="dot">руб.</span></p>

<p style="font-size:1.2em">Кролики по 100 <img src="rub.gif" class="ruble-img" /><span class="dot">руб.</span></p>

<p style="font-size:1.5em">Кролики по 100 <img src="rub.gif" class="ruble-img" /><span class="dot">руб.</span></p>

<p style="font-size:2em">Кролики по 100 <img src="rub.gif" class="ruble-img" /><span class="dot">руб.</span></p>
font>

P.S. к сожалению, дневник ЛИ.ру отфильтровал тег style, поэтому пример отображается не так как должен. Если вы проверите дома - все должно работать.

По материалам Кирилла Кленова и Артура Чафонова