убрать бекграунд из под текста

[GooDMeister]

Не знаю возможно ли это, вобщем есть текст. Под ним стоит бекраунд. Надо чтобы под текстом его не было!

Причем текст разной длины, текста довольно много и поэтому вручную делать не выгодно.

[psywalker]

Не знаю возможно ли это, вобщем есть текст. Под ним стоит бекраунд. Надо чтобы под текстом его не было!

Причем текст разной длины, текста довольно много и поэтому вручную делать не выгодно.

Не понял юмора?

[s0rr0w]

Не знаю возможно ли это, вобщем есть текст. Под ним стоит бекраунд. Надо чтобы под текстом его не было!

Причем текст разной длины, текста довольно много и поэтому вручную делать не выгодно.

Код будет?

[Justnewone]

Про материальную выгоду речь? =)

[GooDMeister]

извиняюсь, наверное неясно объяснился. Хотел просто узнать если такое возможно. Вот код.

h3>Infrastructure</h3>

Менять сам код нет возможности.. Все что есть это h3.

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

Edited November 23, 2009 by GooDMeister

[Justnewone]

извиняюсь, неясно выяснился. Хотел просто узнать если такое возможно. Вот код.

h3>Infrastructure</h3>

Менять сам код нет возможности.. Все что есть это h3.

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

ващет бекшраунд убирается через H3{background:transparent} в CSS, назначается другой тоже этим же свойством, только другим аргументом.

[Searcher]

Уважаемый GooDMeister, изучите основы html и css, может потом дурацких и непонятных вопросов не будет возникать...

[GooDMeister]

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

Возможности редактировать HTML Нету! если это невозможно сделать, то так и скажите... если есть возможность поставить два бекграунда под один стиль h3 тогда это пожалуй решило бы проблему.

[Justnewone]

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

Возможности редактировать HTML Нету! если это невозможно сделать, то так и скажите... если есть возможность поставить два бекграунда под один стиль h3 тогда это пожалуй решило бы проблему.

Вы пробывали хотябы? Что было проделано? Опишите подробно.

[GooDMeister]

Justnewone своими силами вижу только одно решение. Написать слово Structure и сделать его картинкой на белом фоне, а на бек поставить серый. Хотел узнать. если можно как-то по другому. Потому что у меня несколько таких слов и долго каждое писать картинкой. И вообще полезно на будущее ..

[Justnewone]

Justnewone своими силами вижу только одно решение. Написать слово Structure и сделать его картинкой на белом фоне, а на бек поставить серый. Хотел узнать. если можно как-то по другому. Потому что у меня несколько таких слов и долго каждое писать картинкой. И вообще полезно на будущее ..

Я конечно очень извиняюсь, но Вы настолько элементарную вещь не знаете, что непонятно как быть. Вот просто взять и сделать за Вас. Вы за этим сюда пришли?

[mishka]

h3{background:#fff;} - это меняет бг.

Ну а сделать чтобы заголовок не тянулся на всю ширину родителя -

isplay:inline;

или

float:left;

но обязательно проверьте не разрушилось ли ничего.

Лучше всего сюда подошло бы конечно display:inline-block.

А для ие6-7 display:inline;zoom:1;

Edited November 24, 2009 by mishka2

[GooDMeister]

Justnewone я просто задал вопрос, если кто-то может дать хотя бы направление, в котором нужно идти.

пока получается только такое решение, но оно мне немножко неподходит..

background: #CCCCCC url("image.gif") no-repeat right;

поставил такой код и не сработало...

h3 {

font-family: "Century Gothic";

display: inline;

float: left;

font-weight: normal; !important

font-size: 15px;

color: #333333;

height: 25px;

text-align:left;

background-color:#f4f4f4;

margin:0 15px 0 0;

padding:2px 5px 0;

vertical-align: middle;

width: 225px;

}

[mishka]

только display:inline неподдерживает фф2. ему можна display:-moz-inline-box както так погугли

[GooDMeister]

mishka2 в восьмом эксплорере тоже не сработало

[mishka]

О_о так серый бг это бг самог Н3??

ну тогда картинками делай....

Конечно правильно - текст обернуть в спан... но если нет возможности менять хтмл....

только как тогда картинки вставлять собрался?

мало ты css учил. Выучил бы больше свойств то глядиш и написал бы все к бедному несчастному Н3. А так ток треть...

Edited November 24, 2009 by mishka2

[GooDMeister]

mishka2 найди мне способ сделать это одним CSS, без редактирования Html и без картинок. Я оплачу потраченной тобой на меня время, 10$ через PayPal устроит?

Мне это не кртитично, просто из спортивного интереса

[mishka]

я пока с работы домой дойду, то тут уже все сделают

[psywalker]

я пока с работы домой дойду, то тут уже все сделают

А чё нужно то, может я смогу чем помочь, топик читать лениво, просто расскажи чё нужно

[mishka]

Если ты хочешь поцепить на Н3 два бекграунда(серый фон на весь Н3 и белый только там где текст) то средствами css2.1 я незнаю как это решить. Если же серый фон это не фон самого Н3 а фон родителя, то метод решения уже был описан.

ТС опиши ситуацию более конкретно.

[psywalker]

Если ты хочешь поцепить на Н3 два бекграунда(серый фон на весь Н3 и белый только там где текст) то средствами css2.1 я незнаю как это решить. Если же серый фон это не фон самого Н3 а фон родителя, то метод решения уже был описан.

ТС опиши ситуацию более конкретно.

Мих, где твоя подпись, поставь какую нить прикольную тоже

По сабжу: А нельзяли в заголовок спан забросить и им обоим по фону задать?

[mishka]

Кстати почему говоришь что нельзя менять хтмл? Как тогда картинки собирался вставлять?

[psywalker]

Кстати почему говоришь что нельзя менять хтмл? Как тогда картинки собирался вставлять?

Я не говорил

[mishka]

Я не говорил

Ну причем тут ты?

[psywalker]

Ну причем тут ты?

Шютка

[GooDMeister]

psywalker, дело в том, что я использую движок joomla, в нем есть модули. У каждого модуля есть заголовок и тело. Редактирвать дизайн заголовка можно только через CSS или если чел мастер PHP, каким я не являюсь. Вот вобщем-то и все.

Вобщем я задал простой вопрос. Меня назвали нубом, который спрашивает глупые вопросы. не погуглив и не посмотрев элементарный хелп по CSS. Еще предложили заплатить, а решения как я понял никто не знает.. Дополнительно погуглив я понял, что оно просто непредусмотрено.

Можно сделать нечто похожее припомощи бордеров и все.

Еще нашел интересное свойство text-shadow. Но это немного не то.