Градиент с надписью / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

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

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Градиент с надписью

5 сообщений из 5, страница 1 из 1

Градиент с надписью

#36111124

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

Градиентов несколько разной ширины, но пытаюсь их сделать помощью одной картинки высотой 1px. С помощью background-image не получится, бекграунды не растягиваются. Делаю так:

Код: plaintext

1.
2.
3.

<td height= 33 >
	<img width= 100 % height=30px src="img/grad_h.gif" style="position:absolute">
	<div style="position:relative;">Текст</div>
</td>

Это работает только в IE, в остальных броузерах ширина картинки считается относительно body, а не контейнера, поэтому если картинка не прижата к левому краю, то получается так (скроллить вправо).

Как это сделать кроссброузерно?

^{Jah loves you.}

...

Рейтинг:

0 / 0

27.07.2009, 14:55

| Ответить | Цитировать | Написать

Градиент с надписью

#36111624

Max Pro

Участник

Откуда: планета Сатурн, межгалактическая станция №999

Сообщения: 3 008

Рейтинг: 0 / 0

AntonariyГрадиентов несколько разной ширины, но пытаюсь их сделать помощью одной картинки высотой 1px. С помощью background-image не получится, бекграунды не растягиваются. Делаю так:

Код: plaintext

1.
2.
3.

<td height= 33 >
	<img width= 100 % height=30px src="img/grad_h.gif" style="position:absolute">
	<div style="position:relative;">Текст</div>
</td>

^{Jah loves you.

это из-за style="position:absolute"

Или в пикселях считай или через style="background: url(img/grad_h.gif) repeat-x"}

...

Рейтинг:

0 / 0

27.07.2009, 17:13

| Ответить | Цитировать | Написать

Градиент с надписью

#36111676

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

Я знаю из-за чего это. И еще знаю, что repeat-x ни к селу ни к городу. По горизонтали нужно растягивать, а не тайлить.
Я не знаю как градиент с надписью сделать резиновым кроссброузерно.

^{Jah loves you.}

...

Рейтинг:

0 / 0

27.07.2009, 17:27

| Ответить | Цитировать | Написать

Градиент с надписью

#36112392

illion

Участник

Сообщения: 1 288

Рейтинг: 0 / 0

Antonariy,

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

Код: plaintext

1.
2.
3.
4.
5.

<td height="33">
	<div style="position:relative">
		<img width= 100 % height=30px src="img/grad_h.gif" style="position:relative">
		<div style="position:absolute; top:0; left:0;">Текст</div>
	</div>
</tr>

П.С. добавила оберточный див, т.к. по-моему у ФФ были затруднения с абсолютным позиционированием относительно ячейки... Впрочем, могу в этом ошибаться.

...

Рейтинг:

0 / 0

28.07.2009, 05:50

| Ответить | Цитировать | Написать

Градиент с надписью

#36112849

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

Сработало. )
Я почему-то думал, что absolute считается всегда относительно body, если заданы координаты.

^{Jah loves you.}

...

Рейтинг:

0 / 0

28.07.2009, 11:35

| Ответить | Цитировать | Написать

5 сообщений из 5, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Градиент с надписью

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=36112849&tid=1454459]:	0ms
get settings:	10ms
get forum list:	20ms
check forum access:	4ms
check topic access:	4ms
track hit:	199ms
get topic data:	10ms
get forum data:	3ms
get page messages:	51ms
get tp. blocked users:	1ms
others:	252ms

total:	554ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы