0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 4002 Просмотров
*

PaLyCH

  • Давно я тут
  • 956
  • 146 / 19
  • Менеджер проектов
Фон за текстом
« : 08.04.2008, 17:01:37 »
Вот такая ситуация, точнее две
1) Вот такая структура (заголовок статьи/новости) .
Код
<td class="contentheading" width="100%"> 
 <h2>Наши преимущества</h2>
</td>

Соответственно задаю для .contentheading фон (шарик с полосой), и для H2 тоже задаю фон, но просто белый
Код
.contentheading {
background-image: url(../images/news.gif);
background-repeat: no-repeat;
}
.contentheading h2 {
background-image: url(../images/white.gif);
background-repeat: repeat;
}
но получается что белый фон повторяется до конца TD,  а мне нужно только чтобы за текстом закрыл.
2) Для название модулей
Код
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<th valign="top">Новости</th>
А здесь я даже не представляю как это реализовать.

[вложение удалено Администратором]
*

chtec

  • Захожу иногда
  • 230
  • 100 / 1
Re: Фон за текстом
« Ответ #1 : 08.04.2008, 17:43:55 »
но получается что белый фон повторяется до конца TD,  а мне нужно только чтобы за текстом закрыл.

А если
.contentheading h2 {
   display: inline;
}

?
А здесь я даже не представляю как это реализовать.
аналогично. А чтоб все буквы заглавными - свойство text-transform
Осень тоже хорошо.
*

PaLyCH

  • Давно я тут
  • 956
  • 146 / 19
  • Менеджер проектов
Re: Фон за текстом
« Ответ #2 : 08.04.2008, 17:44:15 »
Первая картинка это фон .contentheading. Вторая картинка как хочет заказчик.
Хтмл код прописал в первом посте. Т.е. нужно закрывать часть фона на котором находится заголовок (который шарик с полоской) белым цветом.

P.S. Предложение типа из фона вырезать кусок не проходят, длина заголовка может меняться.

[вложение удалено Администратором]
*

PaLyCH

  • Давно я тут
  • 956
  • 146 / 19
  • Менеджер проектов
Re: Фон за текстом
« Ответ #3 : 08.04.2008, 17:46:03 »
А если
.contentheading h2 {
   display: inline;
}

?аналогично. А чтоб все буквы заглавными - свойство text-transform

Про заглавные меня не интересует, меня ИНТЕРЕСУЕТ ФОН ЗА БУКВАМИ

Инлайн оно..... Спасибо солнце.... С первой проблемой решили. Как со второй бороться.
*

PaLyCH

  • Давно я тут
  • 956
  • 146 / 19
  • Менеджер проектов
Re: Фон за текстом
« Ответ #4 : 08.04.2008, 17:55:40 »
Сделал просто для модулей. Взял файлик frontend.html.php
Нашел строку 317 добавил после <th> тег <h2> и на строке 319 закрыл тег </h2>.

Прописал
Код
.contentheading h2, table.moduletable h2 {
background-image: url(../images/white.gif);
background-repeat: repeat;
display: inline;}
и Все стало красиво
*

chtec

  • Захожу иногда
  • 230
  • 100 / 1
Re: Фон за текстом
« Ответ #5 : 12.04.2008, 06:08:01 »
Флуд убрала. Тема закрыта.
Осень тоже хорошо.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как разместить картинку за текстом в статье?

Автор PNP

Ответов: 11
Просмотров: 1607
Последний ответ 10.08.2021, 20:59:27
от PNP
Div с картинкой и текстом как ссылка

Автор suic

Ответов: 5
Просмотров: 2055
Последний ответ 11.04.2020, 12:47:15
от suic
Обтекание текстом видео

Автор HTR

Ответов: 4
Просмотров: 1701
Последний ответ 26.11.2015, 09:51:23
от HTR
Обтекание картинки текстом и выравнивание блока картинок

Автор zigzagrus

Ответов: 5
Просмотров: 1456
Последний ответ 01.08.2015, 14:08:02
от zigzagrus
Замена фона за текстом

Автор Aleks80

Ответов: 3
Просмотров: 1316
Последний ответ 15.12.2014, 12:55:37
от Aleks80