Картинка под текстом через CSS

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Картинка под текстом через CSS

Опции

Resager

Topic Starter сообщение

4.3.2010, 22:15; Ответить: Resager

Сообщение #1

Группа: User
Сообщений: 3
Регистрация: 4.3.2010
Поблагодарили: 0 раз
Репутация:

Есть такой кусок кода (генерируется PHP):

<h2 class="title"><a href="/node/29" title="Совместный отдых детей и родителей">НЕКИЙ ТЕКСТ</a></h2>

Но его естественно не изменишь, есть доступ только к CSS (настройки в классе title)

У меня следующий код (не рабочий):

h2.title {                                        /* block titles, node titles */
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-weight: 600;
  font-size: 1.5em;
  background-image:url(themes/unost-waffles/images/bgtitle.jpg);
}

Задачю которую я пытался выполнить и не смог:

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

Искал в интернете хотябы какую-то информацию по ФОНА для текста. везде используется таблица - у меня так нельзя (ну в CSS же не создашь).

Можете помочь?

Ответить с цитированием данного сообщения

Hagrael Hagrael 5.3.2010, 10:35; Сообщений: 48 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	5.3.2010, 10:35; Ответить: Hagrael Сообщение #2
0 Группа: User Сообщений: 48 Регистрация: 3.3.2010 Поблагодарили: 0 раз Репутация: 0	Попробуй добавить: background-position: relative; top: 20px; background-repeat: no-repeat Нс 20px я не уверен, там посмотри, увеличь, уменьши размер (сколько сверху ты отступаешь от строки). Так ты укажешь, что позиционирование относительное и укажешь на сколько сверху надо сдвинуть фон, и что рисунок не должен повторяться.

Resager Topic Starter ResagerTopic Starter 6.3.2010, 20:04; Сообщений: 3 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 6.3.2010, 20:04; Ответить: Resager Сообщение #3
0 Группа: User Сообщений: 3 Регистрация: 4.3.2010 Поблагодарили: 0 раз Репутация: 0	Спасибо, действительно теперь картинка отображается! С позиционированием разберусь!

artylion artylion 11.3.2010, 0:41; Сообщений: 24 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	11.3.2010, 0:41; Ответить: artylion Сообщение #4
0 Группа: User Сообщений: 24 Регистрация: 22.11.2009 Поблагодарили: 0 раз Репутация: 0	Картинка отображается а вот позиционирование не работает!!!

Zippovich

12.3.2010, 20:11; Ответить: Zippovich

Сообщение #5

Группа: User
Сообщений: 1746
Регистрация: 10.12.2008
Поблагодарили: 0 раз
Репутация:

[PHP]background-position: relative; top: 20px; background-repeat: no-repeat[/PHP]

это бред

правильно так:

[PHP]background-position: 0 20px; background-repeat: no-repeat[/PHP]

первая цифра сдвиг по горизонтали, 2-я по вертикали. Сдвиги соответственно от лева и верха, можно задавать в процентах и пр. единицах.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Ссылки за которые не стыдно! Качественный линк билдинг сервис под Бурж от Westrank. Честный прайс.	62	DaoDog	46986	Сегодня, 3:30 автор: WestRank_Support
Bropush - Твой бро в монетизации через Push-уведомления	30	bropush	11798	16.4.2024, 18:19 автор: bropush
Прототипирование + дизайн + вёрстка = красивый и эффективный сайт под ключ	0	bunneh	315	16.4.2024, 18:02 автор: bunneh
Burzh.top\|Партнерская программа под любой вид трафика (email, спам, УБТ)	2	cryptius	761	16.4.2024, 17:50 автор: cryptius
Hyper.hosting - сервера под любые задачи [разрешены dmca, гэмблинг, адалт и пр.] Лучшие сервера по доступной цене	32	Hyper_Hosting	9145	15.4.2024, 13:03 автор: Hyper_Hosting

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 19.4.2024, 9:42

Дизайн