текст на картинке - HTML и CSS

Chudo4258 · 18.04.2009, 15:16

Вот я загружаю картинку,

Код:

<img src="img/hom1.jpg">

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

Sazary · 18.04.2009, 15:40

Мм.. А что, собственно, мешает? Или, может, я не так понял, что нужно сделать? Просто вывести текст поверх картинки?

Chudo4258 · 18.04.2009, 16:24

Дак, а как это сделать???

Sazary · 18.04.2009, 16:31

о_О В смысле?

Код HTML:

<img src="img/hom1.jpg">
<a style="position:absolute;top:20;left:20;color:ffffff;font-size:20px">TEST TEST TEST</a>

Levsha100 · 18.04.2009, 16:33

Chudo4258, наверное, имеет ввиду заливку ячейки таблицы рисунком!

Цитата:

Заливка ячеек цветом
Для установки цвета ячейки таблицы применяется атрибут BGCOLOR. Окрашивание ячеек используется для выделения важных блоков данных в таблице.
Чтобы установить цвет фона сразу для группы яче*ек, выполните группировку столбцов или строк.

Использование в таблице фоновых изображений

Фоновый рисунок устанавливается в атрибуте BACKGROUND. Этот ат*рибут можно установить как для всей таблицы в дескрипторе <TABLE>, так и для отдельной ячейки в дескрипторах <TD> и <ТН>. Соответственно, если в первом случае рисунок будет помещен в фоне всей таблицы, то во втором случае — только в фоне данной ячейки. Если разные фоновые рисунки были назначены таблице и ячейке, то фоновый рисунок ячейки появится поверх рисунка таблицы.
Требования к фоновым рисункам таблицы такие же, как и к фону Web-страницы, — фон не должен мешать чтению текста и восприятию ин*формации.

Взято с http://all-html.org.ua/publ/10 (первая ссылка в Гугле!)

Chudo4258 · 18.04.2009, 16:45

Спасибо Sazary!!!
А теперь как сделать чтобы эта надпись (предположим) была в правом нижнем углу картинки или вообще в центре катринки???

Levsha100 · 18.04.2009, 16:48

Sazary предложил "закрепленный" вариант, те при изменении содержимого страницы картинка сдвигается! А если "залить" фон ячейки, то надо просто поставить выравнивание текста в ячейке!

Sazary · 18.04.2009, 16:53

Chudo4258, как и сказал Levsha100, это "закрепленный" вариант. Чтобы таким образом поставить текст в центре или еще где-ниубдь, нужно изменять координаты top и left.

Chudo4258 · 18.04.2009, 16:55

Sazary все правильно понял. Кртинка у меня находится в шапке сайта, и я хочу на ней написать текст (в каком месте должен рапологаться текст написано выше).

Chudo4258 · 18.04.2009, 16:57

а где эти координаты прописывать, в каких тег-ах???

18.04.2009, 15:16	#1
Chudo4258 Форумчанин Регистрация: 19.02.2009 Сообщений: 622	текст на картинке Вот я загружаю картинку, Код: `<img src="img/hom1.jpg">` а как теперь сделать чтобы на этой картинке можно было написать текст (картинка находится в одной из ячеек таблицы, и занимает всю ячейку) Жми на весы!!!

18.04.2009, 15:40	#2
Sazary В тени Старожил Регистрация: 19.12.2008 Сообщений: 5,788	Мм.. А что, собственно, мешает? Или, может, я не так понял, что нужно сделать? Просто вывести текст поверх картинки? Вполне очевидно, чтобы что-то понять, необходимо книги читать. Не нужно плодить бессмысленных тем. Вас Поиск избавит от многих проблем. ___________________________________ ___________________________________ _______ [=Правила форума=]_____[Поиск]_____[Литература по С++]____[Литература. Паскаль]

18.04.2009, 16:24	#3
Chudo4258 Форумчанин Регистрация: 19.02.2009 Сообщений: 622	Дак, а как это сделать??? Жми на весы!!!

18.04.2009, 16:31	#4
Sazary В тени Старожил Регистрация: 19.12.2008 Сообщений: 5,788	о_О В смысле? Код HTML: <img src="img/hom1.jpg"> <a style="position:absolute;top:20;left:20;color:ffffff;font-size:20px">TEST TEST TEST</a> Вполне очевидно, чтобы что-то понять, необходимо книги читать. Не нужно плодить бессмысленных тем. Вас Поиск избавит от многих проблем. ___________________________________ ___________________________________ _______ [=Правила форума=]_____[Поиск]_____[Литература по С++]____[Литература. Паскаль]

18.04.2009, 16:45	#6
Chudo4258 Форумчанин Регистрация: 19.02.2009 Сообщений: 622	Спасибо Sazary!!! А теперь как сделать чтобы эта надпись (предположим) была в правом нижнем углу картинки или вообще в центре катринки??? Жми на весы!!!

18.04.2009, 16:48	#7
Levsha100 Заблокирован Старожил Регистрация: 20.07.2008 Сообщений: 4,032	Sazary предложил "закрепленный" вариант, те при изменении содержимого страницы картинка сдвигается! А если "залить" фон ячейки, то надо просто поставить выравнивание текста в ячейке!

18.04.2009, 16:53	#8
Sazary В тени Старожил Регистрация: 19.12.2008 Сообщений: 5,788	Chudo4258, как и сказал Levsha100, это "закрепленный" вариант. Чтобы таким образом поставить текст в центре или еще где-ниубдь, нужно изменять координаты top и left. Вполне очевидно, чтобы что-то понять, необходимо книги читать. Не нужно плодить бессмысленных тем. Вас Поиск избавит от многих проблем. ___________________________________ ___________________________________ _______ [=Правила форума=]_____[Поиск]_____[Литература по С++]____[Литература. Паскаль]

18.04.2009, 16:55	#9
Chudo4258 Форумчанин Регистрация: 19.02.2009 Сообщений: 622	Sazary все правильно понял. Кртинка у меня находится в шапке сайта, и я хочу на ней написать текст (в каком месте должен рапологаться текст написано выше). Жми на весы!!!

18.04.2009, 16:57	#10
Chudo4258 Форумчанин Регистрация: 19.02.2009 Сообщений: 622	а где эти координаты прописывать, в каких тег-ах??? Жми на весы!!!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Распознать картинку на картинке	eldar	Компоненты Delphi	8	22.09.2009 07:35
Навигация по картинке с эффектом затемнения	AgentVlad	HTML и CSS	13	20.04.2009 03:37
Поменять надпись на картинке!	Lemo	Свободное общение	12	12.02.2009 16:29
Надпись на картинке	Lemo	Помощь студентам	4	11.02.2009 20:12
Число с BMP картинке	JRcoker	Общие вопросы Delphi	3	07.10.2008 19:12