Strict Standards: Resource ID#18 used as offset, casting to integer (18) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#23 used as offset, casting to integer (23) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#25 used as offset, casting to integer (25) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#26 used as offset, casting to integer (26) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Как вставить текст поверх картинки
ТвойWeb ТвойWeb
Качественный Европейский хостинг
Форум для чайников
 Чат на форуме      Помощь      Поиск      Пользователи


 Страниц (1): [1] 

> Без описания
Jagger
Отправлено: 06 Апреля, 2007 - 14:31:02
Post Id



Newbie


Покинул форум
Сообщений всего: 30
Дата рег-ции: Нояб. 2006  
Откуда: Петрозаводск

Карма 0




У меня возникла небольшая проблемка, а именно: я вставил картинку размерами, допустим, А х В в ячейку таблицы с такими же размерами. Мне нужно написать поверх картинки небольшой текс, точнее слово, возможно ли это посредством html или необходимо прибегнуть к другим методам?

п.с. Это необходимо для кнопок. Я заготовил фон, и чтобы не загружать страницу графикой решил узнать, возможен ли такой способ?
 
 Top
Валерий Администратор
Отправлено: 06 Апреля, 2007 - 15:33:38
Post Id



Админ-3


Покинул форум
Сообщений всего: 2676
Дата рег-ции: Янв. 2005  
Откуда: Беларусь

Карма 16




Jagger

Ох, горе мое....

картинка и текст - объекты. Объект ставится в ячейку. Или тот, или тот. Два - нельзя.
Поэтому что-то нужно сделать НЕ объектом. В данном случае Не объектом делаем рисунок.
То есть рисунок делаем ФОНОМ, или фоновым рисунком.
Фон вообще можно сделать просто цветным, то есть задать цвет страницы.
CODE:
<td bgcolor="#339900">текст на фоне</td>

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

CODE:
<td background="1_R.gif">текст по рисунку</td>


не буду дальше ничего расписывать - читай азы. Обязательно!
 
 Top
Jagger
Отправлено: 06 Апреля, 2007 - 16:07:23
Post Id



Newbie


Покинул форум
Сообщений всего: 30
Дата рег-ции: Нояб. 2006  
Откуда: Петрозаводск

Карма 0




Валерий
Эх, если бы было все так просто...

При наведении на картинку она меняеться на другую:

CODE:

<a onmouseover="document.a.src='img/button_2.gif';"
onmouseout="document.a.src='img/button_1.gif';"
href="~~~" title="та-та-та">
<img src="img/button_1.gif" name="a" border="0"></a>


по-этому то я и спросил Улыбка
Вы уж совсем меня за дурочка считаете Радость
 
 Top
Djavani
Отправлено: 06 Апреля, 2007 - 18:31:44
Post Id



Member


Покинул форум
Сообщений всего: 143
Дата рег-ции: Июнь 2006  
Откуда: RUS/NNOV

Карма 3





Jagger пишет:
Вы уж совсем меня за дурочка считаете Радость

Jagger, как ты изначально написал, так тебе Валерий и ответил! Подмигивание
 
 Top
Alone
Отправлено: 06 Апреля, 2007 - 18:37:26
Post Id



Super Member


Покинул форум
Сообщений всего: 2393
Дата рег-ции: Дек. 2004  

Карма 8




Jagger

во флеше зделай.
будет круто...
 
 Top
Jagger
Отправлено: 07 Апреля, 2007 - 04:36:24
Post Id



Newbie


Покинул форум
Сообщений всего: 30
Дата рег-ции: Нояб. 2006  
Откуда: Петрозаводск

Карма 0




а можно так сделать с помощью JS? и как?
 
 Top
Валерий Администратор
Отправлено: 07 Апреля, 2007 - 07:02:24
Post Id



Админ-3


Покинул форум
Сообщений всего: 2676
Дата рег-ции: Янв. 2005  
Откуда: Беларусь

Карма 16




Jagger
Тогда спрашивай, а не ерунди!
Посмотрел твой сайт - как такую фигню может спрашивать такой человек?

И все равно ты спросил ерунду - это первый курс.
Смена картинки под мышкой делается двумя способами:
1. с помощю стилей. Это очень просто, единственно, картинки нужно делать очень маленькими по размеру (физическому) плюс - загружать сразу в невидимый див, чтобы не было видно подгрузки. А в стилях оформляешь рисунки, естественно, как бекграунд, и текст возможно писать.
CODE:
a:link {
background: url(risunki/fon_verh.jpg);
}
a:hover {
background: url(risunki/Prav_1.jpg);
}

2. С помощю поведения (ява-скрипт).
Это сложнее и Яву я не знаю.
 
 Top
Jagger
Отправлено: 08 Апреля, 2007 - 09:22:48
Post Id



Newbie


Покинул форум
Сообщений всего: 30
Дата рег-ции: Нояб. 2006  
Откуда: Петрозаводск

Карма 0




сенькс! получилось!
Кста, сайт не я делал, я в этом деле пока еще только начинающий -)
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 5 (гостей: 5, зарегистрированных: 0, скрытых: 0)
« HTML »


Все гости форума могут просматривать этот раздел.
Только администраторы и модераторы могут создавать новые темы в этом разделе.
Только администраторы и модераторы могут отвечать на сообщения в этом разделе.



Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®

[Script Execution time: 0.0347]     [ Gzipped ]