[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: текст поверх изменяющихся рисунков
DiMasKiss
Рисунок изменяется при наведение мыши

<a onMouseOver="document.image_name2.src='images/but_imag22.bmp'" onMouseOut="document.image_name2.src='images/but_imag11.bmp'"><img src="images/but_imag11.bmp" name="image_name2"></a>
<a
onMouseOver="document.image_name3.src='images/but_imag22.bmp'" onMouseOut="document.image_name3.src='images/but_imag11.bmp'"><img src="images/but_imag11.bmp" name="image_name3"></a>
<a
onMouseOver="document.image_name4.src='images/but_imag22.bmp'" onMouseOut="document.image_name4.src='images/but_imag11.bmp'"><img src="images/but_imag11.bmp" name="image_name4"></a>
<a
onMouseOver="document.image_name5.src='images/but_imag22.bmp'" onMouseOut="document.image_name5.src='images/but_imag11.bmp'"><img src="images/but_imag11.bmp" name="image_name5"></a>

Как мне добавить текст со ссылкой URL, чтобы ссылка была только у текста, а не у рисунка?
Заранее спасибо!



Спустя 13 минут, 35 секунд (24.02.2010 - 17:58) ZSH написал(а):
поставь рисунок фоном в див, и в диве пиши текст

Спустя 29 минут, 45 секунд (24.02.2010 - 18:27) DiMasKiss написал(а):
у меня приведен код, который выполняется изменение рисунков при наведении мыши, в фоне разве можно это реализовать?

Спустя 29 минут, 40 секунд (24.02.2010 - 18:57) waldicom написал(а):
Во-первых, а где сам текст? Вот-вторых, наверное надо вынести рисунок из тега <a>?

Спустя 28 минут, 23 секунды (24.02.2010 - 19:25) ZSH написал(а):
можно:
<div onMouseOver="this.style.backgroundImage=url(images/but_imag22.bmp)" onMouseOut="this.style.backgroundImage=url(images/but_imag11.bmp)">

Спустя 11 часов, 40 минут, 57 секунд (25.02.2010 - 07:06) DiMasKiss написал(а):
вот сам текст, который должен быть поверх рисунков

<?
// Навигация
$INDEX = "О компании";
$PROGRAMS = "Программные продукты";
$ONLINE = "Сопровождение on-line";
$FORUM = "Форум";
$CONTACTS = "Контакты";
?>

но у меня

<div onMouseOver="this.style.backgroundImage=url(images/but_imag22.bmp)" onMouseOut="this.style.backgroundImage=url(images/but_imag11.bmp)">

не работает рисунков не видать (

Спустя 4 часа, 33 минуты, 38 секунд (25.02.2010 - 11:40) ZSH написал(а):
извини вспешке писал и забыл апострофы
вот работает:

<div style="background-image:url(images/but_imag11.bmp); width:100px; height:100px;" onMouseOver="this.style.backgroundImage='url(images/but_imag22.bmp)'" onMouseOut="this.style.backgroundImage='url(images/but_imag11.bmp)'">
<?php
echo $INDEX; ?>
<div>

и диву в стиле пропиши ширину и высоту рисунка.

Спустя 9 минут, 32 секунды (25.02.2010 - 11:50) DiMasKiss написал(а):
Всетаки иногда полезно читать книжки - CSS. То что хотел реализовал. Есть не большая проблема привожу пример шаблона, который выводит меню, где название кнопок изменяется по нажатию ссылки внизу. Проблема в том что русский я язык отображается с нужными установленными параметрами, а английский без них, соответственно позиционирование и размера текста сбивается - не применяются установленные параметры CSS в данном шаблоне.

<DIV ALIGN="center">
<
table class="sample" WIDTH="1100" height = "50">
<
a onMouseOver="document.button1.src='images/but_imag22.bmp'" onMouseOut="document.button1.src='images/but_imag11.bmp'"><img src="images/but_imag11.bmp" name='button1'>
<
a onMouseOver="document.image_name2.src='images/but_imag22.bmp'" onMouseOut="document.image_name2.src='images/but_imag11.bmp'"><img src="images/but_imag11.bmp" name="image_name2">
<
a onMouseOver="document.image_name3.src='images/but_imag22.bmp'" onMouseOut="document.image_name3.src='images/but_imag11.bmp'"><img src="images/but_imag11.bmp" name="image_name3">
<
a onMouseOver="document.image_name4.src='images/but_imag22.bmp'" onMouseOut="document.image_name4.src='images/but_imag11.bmp'"><img src="images/but_imag11.bmp" name="image_name4">
<
a onMouseOver="document.image_name5.src='images/but_imag22.bmp'" onMouseOut="document.image_name5.src='images/but_imag11.bmp'"><img src="images/but_imag11.bmp" name="image_name5">
<
p style = "position: absolute; top: 67px; left: 980px; z-index: 3; font-size: 10pt;">
<
a style = "text-decoration: none; color: #FFFFFF"; href=index.php?p=contacts onMouseOver="document.image_name5.src='images/but_imag22.bmp'" onMouseOut="document.image_name5.src='images/but_imag11.bmp'">
<
B>{CONTACTS}</B>
</
a>
</
p>
<
p style = "position: absolute; top: 67px; left: 780px; z-index: 3; font-size: 10pt;">
<
a style = "text-decoration: none; color: #FFFFFF"; href=index.php?p=contacts onMouseOver="document.image_name4.src='images/but_imag22.bmp'" onMouseOut="document.image_name4.src='images/but_imag11.bmp'">
<
B>{FORUM}</B>
</
a>
</
p>
<
p style = "position: absolute; top: 67px; left: 520px; z-index: 3; font-size: 10pt;">
<
a style = "text-decoration: none; color: #FFFFFF"; href=index.php?p=contacts onMouseOver="document.image_name3.src='images/but_imag22.bmp'" onMouseOut="document.image_name3.src='images/but_imag11.bmp'">
<
B>{ONLINE}</B>
</
a>
</
p>
<
p style = "position: absolute; top: 67px; left: 306px; z-index: 3; font-size: 10pt;">
<
a style = "text-decoration: none; color: #FFFFFF"; href=index.php?p=contacts onMouseOver="document.image_name2.src='images/but_imag22.bmp'" onMouseOut="document.image_name2.src='images/but_imag11.bmp'">
<
B>{PROGRAMS}</B>
</
a>
</
p>
<
p style = "position: absolute; top: 67px; left: 140px; z-index: 3; font-size: 10pt;">
<
a style = "text-decoration: none; color: #FFFFFF"; href=index.php?p=contacts onMouseOver="document.button1.src='images/but_imag22.bmp'" onMouseOut="document.button1.src='images/but_imag11.bmp'">
<
B>{INDEX}</B>
</
a>
</
p>
</
table>
</
DIV>

<
p><a href=index.php?setLANG=ru>Русский</a>
<
a href=index.php?setLANG=en>English</a>

Спустя 18 минут, 33 секунды (25.02.2010 - 12:08) ZSH написал(а):
а таблица причем здесь? и первые пять ссылок не закрыты </a>
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.