Кто поможет разобраться с HTML кодом? - есть ответ

UnO, 465 просмотров

http://www.artlebedev.ru/everything/metro/map/. Потратил не один час времени что бы разобраться с написанием на css знака рубля на сайте артемия лебедева. Если css3 не работает, и не вставляется шрифт с эти знаком, то при помощи css они рисуют на букве Р палочку. <span class="rur">p<span>уб.</span></span>. Смотрел и код, и при помощи инспектора, не мог понять, откуда они берут эту полоску. Ее нету в css в "content:"... ее нету в HTML коде. Что это за чудеса? :) Помогите разобраться, жутко интересено

Примечание:
AntiPetya: А теперь через мозиловский инспектор попробуйте удалить шрифт, и он начнет работать со span.rur span. И если в css удалить span.rur span:before {
content: '\2013'; - то он по прежнему будет выводить черточку... По эксперементируйте с инспектором... Тут не так все просто

Ответы:

Без имени

Про знак рубля можно почитать здесь http://www.artlebedev.ru/tools/technogrette/html/rouble/ (я не вникал, что они там пишут). А про чудеса сейчас погляжу.
АнтиПетя ответил.

AntiPetya

всё там есть.

simplyv

Там подгружается шрифт
@font-face {
font-family: "Rubl Sign";
src: url(http://www.artlebedev.ru/;-)/ruble.eot);
}
span.rur {
font-family: "Rubl Sign", Serif;
text-transform: uppercase;
// text-transform: none;
}

AntiPetya

я если убираю span.rur span:before {
content: '\2013'; , то черта убирается. Я через оперу смотрю. Мозиллы нету, качать и ставить не стану уж.

15 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.