Фон только под видимой частью текста

finik 05.06.2014 CSS, фон, background, подзаголовки, H2, H3 Все вопросы » Стили (CSS) 3102

вопрос

Приветствую.
У подзаголовков в тексте присвоил тегам H2, H3 цвет фона background, но он не по размеру/ширине текста подзаголовка, а на всю ширину области контанта.

Есть возможность при помощи CSS ограничить фон только под текстовой составляющей? (так как это делается на сайте с большим количеством материала, варианты с дополнительным прописыванием спан и прочего не подойдут, нужно именно через CSS)

Ответил: D0Gmatist

Научитесь читать спецификацию по css
http://jsfiddle.net/D0Gmatist/NHu6n/1/

6 комментариев

Юзер

Iceman - 2013-10-148 июня 2014 03:26 - #29807

Если правильно понял то просто делаете

h2 {
float:left;
}

Юзер

finik - 2013-10-148 июня 2014 08:19 - #29810

Фон стал теперь по размеру текста в подзаголовке, но тут же появилась другая проблема - текст ранее идущий ниже, пристроился вслед за подзаголовком в той же строке, то есть стал продолжением.

Юзер

Iceman - 2013-10-148 июня 2014 12:40 - #29818

finik,можно скрин этой области.
И есть ли возможность обвернуть тег h2 в
<div class="bla">
<h2>ваш текст</h2>
</div>
примерно так.

Или еще попробовать

h2 {
float:left;
clear:both;
}

Юзер

finik - 2013-10-148 июня 2014 13:02 - #29819

подзаголовки без дополнительного внешнего дива, чистый H2

<h2>ваш текст</h2>

это не помогло

clear:both;

все больше задумываюсь о внесении дивов вокруг H тегов и дальнейшего перестроения новостей.

Юзер

Iceman - 2013-10-148 июня 2014 13:11 - #29820

finik, у вас локально или есть сайт где можно увидеть и посоветовать лучше способ.

Юзер

finik - 2013-10-148 июня 2014 13:43 - #29822

Всем спасибо, вопрос решен.

web102 | URL как сделать что бы только ID был без ...

web102
URL как сделать что бы только ID был без -text.html?
Вчера, 09:04

Попробуйте так
iodjin | Как реализовать авторизация через vk? ⁹

iodjin
Как реализовать авторизация через vk?
10-11-2024, 11:38

upd.
в доверенный Redirect URL просто добавил адрес сайта/index.php
все работает
iodjin | Авторизация через вк ¹³

iodjin
Авторизация через вк
10-11-2024, 11:37

в доверенный Redirect URL просто добавил адрес сайта/index.php
все работает
iodjin | Авторизация через вк ¹³

iodjin
Авторизация через вк
10-11-2024, 11:27

тоже самое. пустым уже не оставишь поле. что делать?
iodjin | Как реализовать авторизация через vk? ⁹

iodjin
Как реализовать авторизация через vk?
10-11-2024, 11:21

к сожалению, и так не пашет. на шаге, когда "Убираем доверенный Redirect URL и сохраняем" - уже не дает сохранить, потому что пишет, что не может быть это поле пустым

как решить проблему?
LMakc | Есть ли возможность изменить язык сайта? ³

LMakc
Есть ли возможность изменить язык сайта?
9-11-2024, 21:58

Модуль Multi-Language 4.9 для DLE
Hander | Есть ли возможность изменить язык сайта? ³

Hander
Есть ли возможность изменить язык сайта?
9-11-2024, 13:25

у меня есть эта разработка, работает так же как в админке, весь сайт можно перевести на любые языки с помощью языковых файлов, выбор языка хранится в куках пользователя, готов поделиться за 50$
Hander | Как заставить работать переменную $mem ...
Hander
Как заставить работать переменную $member_id['user_id'] == $row['user_id'] в категории?
9-11-2024, 08:37
```
$member_id['user_group'] == 1
```
проверяет на группу, в данном случае группа 1 - администраторы
уберите эту проверку
```
 if ($is_logged AND $member_id['user_id'] == $row['user_id'] ) {
```
и будет вам счастье
Hander | Как прибавить к дате редактирования 7 дн ...
Hander
Как прибавить к дате редактирования 7 дней?
9-11-2024, 08:29
В engine\modules\show.full.php находим
```
$related['date'] = strtotime( $related['date'] );
```
и меняем на
```
$related['date'] = strtotime("+7 days", $related['date']);
```
ettochno | Telegram Sender ¹⁵

ettochno
Telegram Sender
7-11-2024, 16:53

Хороший плагин, легкий и делает все необходимое. Разработчик отзывчивый, сам помог настроить и установить.