Зарядка для хвоста верстальщика

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

У меня получилось только таблицей

Подойдёт ли вам такое?:

<h2><span>Пъедестал</span></h2>

Полоску нужно сделать повторяющимся бэкграундом (1рх) + цвет фона (чёрный). В спане текст и цвет фона (чёрный) с пэддингами по бокам.

Mayosh, спасибо.

Наверно не подойдет.

Под текстом есть фон, и в разных частях страницы он разный, где-то чисто черный, а где-то пересекается лентой (как на картинке)

Сорри, не очень понимаю. )))

И если сделать фон у спана черный - то часть фона страницы будет перекрыта

Цитата ("Mayosh"):

Сорри, не очень понимаю. )))

просто представьте, что вместо черного фона может быть какая угодно картинка.

Ну тогда наверно так:

<h2><span></span>Пъедестал<span></span></h2>

В спан засунуть фон, установить высоту ему 1пх и нужную ширину. При необходимости дать спанам классы

И конечно же длина заголовка и текста в нём неизвестна

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

Когда заголовок накладывается на это изображение - то сквозь текст заголовка оно должно просматриваться, а когда заголовок расположен вне этого изображения (например внизу странички) - то фон под заголовком черный.
Поэтому фоновую картинку под текстом сделать нельзя. Заголовок может находиться в любой части страницы, как над фоновым изображением, так и там, где его нет.

Mayosh, длина текста неизвестна, так как слова могут быть любые, а длина всей конструкции фиксированная

Vetlan, спасибо, пойду пробовать

Тогда предложенное Vetlan-ом не подойдёт. Спаны можно было бы флотить, но тогда, без известной ширины текста, нельзя поставить ширину спану, а значит фон не растянется.

Фактически все сводиться к тому, чтобы имитировать двумя (или несколькими) блочными элементами таблицу с двумя ячейками без явного указания ширины ячеек и 100% шириной самого контейнера (как бы самой таблицы)

Если Вы можете городить что либо в виде div с вставкой 2-з внутрь, то проблем нет. если нужно нечто супер изящное с извратом каким нить, то пока мыслей нет

ArtPro, хотелось бы поизящнее

JS

Цитата ("Mayosh"):

JS

скорее всего(

kulibinn, чем JS, то уж лучше таблицы или дивы городить.

Js по факту сделает, меньше кода самому писать

ArtPro, это вроде как да. но я всегда стараюсь думать о тех, у кого скрипты отключены.

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

Здесь стоит задача как украсить заголовок полосочкой. Если во что бы то ни стало заказчику нужно только так и не иначе, то не грех использовать JS. При нём отключённом можно предусмотреть отсутствие полосочки или только правой её части.
Те, у кого отключены скрипты просто видят меньше красивостей. А вот когда делают так, что без скриптов со страницей работать невозможно - это уже плохо. Здесь надо думать и заботиться обо всех пользователях.