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

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

Strict Standards: Resource ID#36 used as offset, casting to integer (36) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Версия для печати :: Как вставить текст поверх картинки
ТвойWeb » WebMaster класс » HTML » Как вставить текст поверх картинки

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

1. Jagger - 06 Апреля, 2007 - 14:31:02 - перейти к сообщению
У меня возникла небольшая проблемка, а именно: я вставил картинку размерами, допустим, А х В в ячейку таблицы с такими же размерами. Мне нужно написать поверх картинки небольшой текс, точнее слово, возможно ли это посредством html или необходимо прибегнуть к другим методам?

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

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

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

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

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


не буду дальше ничего расписывать - читай азы. Обязательно!
3. Jagger - 06 Апреля, 2007 - 16:07:23 - перейти к сообщению
Валерий
Эх, если бы было все так просто...

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

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>


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

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

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

во флеше зделай.
будет круто...
6. Jagger - 07 Апреля, 2007 - 04:36:24 - перейти к сообщению
а можно так сделать с помощью JS? и как?
7. Валерий - 07 Апреля, 2007 - 07:02:24 - перейти к сообщению
Jagger
Тогда спрашивай, а не ерунди!
Посмотрел твой сайт - как такую фигню может спрашивать такой человек?

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

2. С помощю поведения (ява-скрипт).
Это сложнее и Яву я не знаю.
8. Jagger - 08 Апреля, 2007 - 09:22:48 - перейти к сообщению
сенькс! получилось!
Кста, сайт не я делал, я в этом деле пока еще только начинающий -)

Форум на AlfaSpace.NET


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

[Script Execution time: 0.0244]     [ Gzipped ]