На нашем сайте мы используем cookie для сбора информации технического характера и обрабатываем IP-адрес вашего местоположения. Продолжая использовать этот сайт, вы даете согласие на использование файлов cookies. Здесь вы можете узнать, как мы пользуемся файлами cookies.
Я согласен
логотип upread.ru

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


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



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

#txtin {
line-height: 0.75;
}
Теперь все смотрится неплохо, но стоит заметить, что на другом компьютере, с другим экраном, в другой операционной системе результат может быть снова далеким от идеала. Как я и говорил в предыдущей статье, добиться полной идентичности можно, лишь сгененировав картинку.

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

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




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



Автор этого материала - я - Пахолков Юрий. Я оказываю услуги по написанию программ на языках Java, C++, C# (а также консультирую по ним) и созданию сайтов. Работаю с сайтами на CMS OpenCart, WordPress, ModX и самописными. Кроме этого, работаю напрямую с JavaScript, PHP, CSS, HTML - то есть могу доработать ваш сайт или помочь с веб-программированием. Пишите сюда.



тегизаметки, css, liveinternet, счетчик посетителей, межстрочный интервал





Отправляя сообщение я подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта.




Урок 13. Символьный тип данных (char) C#
Выбор хостинга: некоторые хитрости


© upread.ru 2013-2020
При перепечатке активная ссылка на сайт обязательна.
Задать вопрос
письмо
Здравствуйте! Вы можете задать мне любой вопрос. Если не получается отправить сообщение через эту форму, то пишите на почу up777up@yandex.ru
Отправляя сообщение я подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта.