Липовый счетчик лиру: межстрочный интервал и наведение

Посмотрев на свой блог читающего программиста (а, точнее, на страницу с имитацией счетчика от лиру) через браузер Mozilla Firefox (версия 47) я увидел не самую приятную для глаза картину:



Почему так получилось? Дело в том, что межстрочный интервал в разных браузерах может отображаться по-разному. Исправить положение дел можно, добавив свойство line-height к элементу #txtin:

#txtin {
line-height: 0.75;
}

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

Но пока мы этого делать не будем, а ограничимся еще одним штрихом. На настоящем счетчике лиру при наведении всплывает тест «LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня», добавим и мы его для своей имитации. Добиться этого можно, если текст добавить в атрибут title.

Итак, вот что у нас получается:




Еще на шажок немного ближе к оригиналу.