URL ссылка поверх изменяющихся рисунков при наведении мыши

DiMasKiss

Новичок
URL ссылка поверх изменяющихся рисунков при наведении мыши

Рисунок изменяется при наведение мыши:
Код:
<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, чтобы ссылка была только у текста, а не у рисунка?
Заранее спасибо!
 

Mr_Max

Первый класс. Зимние каникулы ^_^
Команда форума
Сомневаюсь, что тебя кто-либо понял
 

DiMasKiss

Новичок
Например сайт: http://agora-soft.ru/
там меню сделано подобным образом

-~{}~ 24.02.10 20:24:

может картинки сделать фоном?
а ссылку в отдельном теги указать )

-~{}~ 24.02.10 20:27:

Mr_Max
это легко поправить :)
 

c0dex

web.dev 2002-...
Команда форума
Партнер клуба
Кто-нибудь понял, что хотел данный человек? Я нет, даже примерно.
 

Fortop

Новичок
Кто-нибудь понял, что хотел данный человек? Я нет, даже примерно.
Судя по тому, что он нашел. То хотел он ровно то, что предложил я, только через ж... т.е. зачем-то яваскриптом.
 

DiMasKiss

Новичок
Смена языка ru на en

Всетаки иногда полезно читать книжки - 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>
 

Sigorma

Новичок
DiMasKiss
мне кажется в твоем коде не хватает чего то типо
document.getElementById('ElementName').src
 

c0dex

web.dev 2002-...
Команда форума
Партнер клуба
В его коде не хватает знаний по HTML, этот код не валиден и потому хрен знает как он будет работать в разных браузерах.

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

DiMasKiss

Новичок
Автор оригинала: c0dex
В его коде не хватает знаний по HTML, этот код не валиден и потому хрен знает как он будет работать в разных браузерах.

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