Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Sui Caedere
6 / 6 / 4
Регистрация: 02.10.2016
Сообщений: 74
Завершенные тесты: 1
#1

Фоновая полоска для текста

15.08.2018, 15:39. Просмотров 102. Ответов 2

Нужно сделать фоновую подложку для надписи так, чтобы она полностью совпадала с нижней и верхней границей текста.
Сделал line-height 0 и выравнял по вертикали, всё равно не так. Как известно у текста есть родные "отступы" сверху и снизу, на которые никак кроме lh повлиять нельзя.
0
Миниатюры
Фоновая полоска для текста  
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
15.08.2018, 15:39
Ответы с готовыми решениями:

Фоновая картина для двух блоков
Делаю шаблон Joomla, есть 3 блока div - a, b, c: #a{ height:130px;...

Переливающаяся полоска
Смутил довольно не сложный момент, но все не могу придумать как сделать и в...

Появилась непонятная полоска(
Ребят, подскажите! Если на сайте: http://noviyhudozhnik.ru/ пройти в "Войти -...

Зеленая полоска на сайте
Всем привет, возникла проблема - зеленая полоска на сайте Подскажите...

Белая полоска внизу
Помогите пожалуйста, при уменьшение расширения появляется белая полоска внизу....

2
Brokolya
8 / 5 / 1
Регистрация: 17.09.2016
Сообщений: 54
15.08.2018, 16:14 #2
Цитата Сообщение от Sui Caedere Посмотреть сообщение
Нужно сделать фоновую подложку для надписи так, чтобы она полностью совпадала с нижней и верхней границей текста.
Сделал line-height 0 и выравнял по вертикали, всё равно не так. Как известно у текста есть родные "отступы" сверху и снизу, на которые никак кроме lh повлиять нельзя.

HTML5
1
2
3
4
5
6
7
8
9
<style>
.text{
background:red;
line-height:10px;
font-size:15px;
}
</style>
 
<div class="text">ТИПО ТЕКСТ</div>
line-height должен быть на 5px меньше размера шрифта
0
AlexZaw
504 / 519 / 245
Регистрация: 07.08.2016
Сообщений: 1,718
Завершенные тесты: 2
15.08.2018, 23:24 #3
Цитата Сообщение от Brokolya Посмотреть сообщение
line-height должен быть на 5px меньше размера шрифта
А теперь увеличиваем шрифт до 35px
35 это так, что бы сразу в глаза бросалось, на самом деле даже на 1px достаточно увеличить шрифт
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
15.08.2018, 23:24

Scroll-полоска в Opera и Chrome
Написал код полоски, которая находится вверху страницы, и двигается по мере...

Красная полоска под фото
Привет! Прошу вашей помощи. При применении стиля alignleft под фото в статье...

Полоска находящиеся вне Body
При сужении экрана появляется полоска на экране которая не в ходит в body(видно...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru