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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> <img scr="">
notnap
notnap
Topic Starter сообщение 17.2.2010, 19:10; Ответить: notnap
Сообщение #1


Можно ли в таком теге
<img scr="">
поверх изображения внести еще содержимое. Если не через него то рис разбивается нанесколько частей.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 17.2.2010, 19:16; Ответить: locky-yotu
Сообщение #2


В таком теге нельзя, но можно поставить картинку бекграундом, и тогда уже пиши - не хочу!
Или можно из***ться (сорри за обсценную лексику))), и сделать что-то типа того:
<div style="position:relative;width:1000px;height:100px;">
<img src="picture.jpg" alt="" width="500" height="100" style="position:absolute;top:0;left:0;z-index:1;" />
<span style="font:normal 18px Tahoma;position:absolute;top:5px;left:10px;z-index:2;">This is my text</span>
</div>
Но это то еще извращение)))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AndreySmith
AndreySmith
сообщение 17.2.2010, 19:16; Ответить: AndreySmith
Сообщение #3


лучше сделать эту картинку фоном элемента div, а внутрь дива уже вносить содержимое которое должно быть поверх.

<div style="background:url("img/image.jpg") no-repeat;">Информация которая должна быть на картинке. </div>



Можно спозиционировать так, чтоб содержимое было над картинкой - но этоне гуд.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nitrex
Nitrex
сообщение 17.2.2010, 19:19; Ответить: Nitrex
Сообщение #4


можно сделать через стили
<div style='background=url(img.png)'>Текст</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 17.2.2010, 19:20; Ответить: locky-yotu
Сообщение #5


Не-не-не! Никаких бекграундов! Даешь позиционирование и з-индексы!
Маразм - в массы!
:rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nitrex
Nitrex
сообщение 17.2.2010, 19:21; Ответить: Nitrex
Сообщение #6


(AndreySmith @ 17.2.2010, 21:16) *
лучше сделать эту картинку фоном элемента div, а внутрь дива уже вносить содержимое которое должно быть поверх.

<div style="background:url("img/image.jpg") no-repeat;">Информация которая должна быть на картинке. </div>

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

кавычек в url не должно быть, тебя броузер не поймет
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AndreySmith
AndreySmith
сообщение 17.2.2010, 19:33; Ответить: AndreySmith
Сообщение #7


(Nitrex @ 17.2.2010, 21:21) *
кавычек в url не должно быть, тебя броузер не поймет


Нассмешил) Во первых - должно быть, во вторы -, поймет, в третьих это вообще не важно, а вот то что ты написал, действительно не верно:


(Nitrex @ 17.2.2010, 21:19) *
можно сделать через стили

Код HTML:
<div style='background=url(img.png)'>Текст</div>



В css твое background=url(img.png) браузер не поймет. Кроме того не указа важный в данном случае параметр no-repeat.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
notnap
notnap
Topic Starter сообщение 17.2.2010, 20:10; Ответить: notnap
Сообщение #8


locky-yotun можно регулировать размер, в других подсказках не работает функция инклизе, вводил вручную длину и ширину, на экране отобразилось содержимое тегов:rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
сообщение 19.2.2010, 15:55; Ответить: ZhukV
Сообщение #9


На мой взгляд сдесь лучше z-index.
Типа
<div>
<img src="123.jpg">
<div style="z-index:3;position:absolute">123123</div>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 19.2.2010, 19:11; Ответить: pomp
Сообщение #10


ZhukV,z-index не корректно воспринимаеться IE6. Что бы исправить это, нужно родительскому блоку присвоить:
position:relative;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Хостинг "Hostland" - качественный хостинг по разумным ценам и со своей Панелью Управления
0 artmeteor 529 18.4.2024, 22:46
автор: artmeteor
Открытая тема (нет новых ответов) ⭐⭐⭐ Google Voice | Gmail - OLD аккаунты "SMS и звонки" ⭐⭐⭐
15 Chekon 4467 18.4.2024, 12:00
автор: Chekon
Открытая тема (нет новых ответов) ✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐
Сервис для получения SMS на реальные номера USA
13 Chekon 4095 18.4.2024, 11:48
автор: Chekon
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
15 Tia2 2369 17.4.2024, 0:54
автор: diviner99
Опрос (нет новых голосов) Опрос: Результаты в упражнении "Жим лёжа" у вэбмастеров
35 Room 4528 13.3.2024, 13:10
автор: Room


 



RSS Текстовая версия Сейчас: 23.4.2024, 23:06
Дизайн