Смена картинки при наведении мыши на меню - HTML и CSS

Unknown-As · 30.03.2009, 19:37

Здравствуйте. Вот проблема которую я никак не могу разрешить.
Существует стандартное хтмл меню: (допустим такое)

Код HTML:

<ul class="style75">
<li id="lin1"><a href="#">a</a></li> 
<li id="lin2"><a href="#">b</a></li>
</ul>

и картинка:

Код HTML:

<img src=".../1.gif" name="image" width="101" height="130" id="image" />

я хочу чтобы картинка менялась при наведении курсора мыши на меню, а не на картинку. (это я и сам могу сделать)
Картинка не является дочерним или соседним элементом...да и, не помешало бы обойтись css, а не java скр. потому как по java script я почти ноль...
Заранее спасибо.
форматируйте ваш код!!! //модератор

SkyM@n · 30.03.2009, 19:45

Цитата:

Картинка не является дочерним или соседним элементом

Она должна быть внутри какого-то контейнера, ибо не получится на чистом CSS-е.
Биндить пвсевдокласс :hover к body или к * - нелепо.

Unknown-As · 31.03.2009, 11:13

Цитата:

Сообщение от SkyM@n

Она должна быть внутри какого-то контейнера, ибо не получится на чистом CSS-е.

Она внутри таблицы <th> <img href........> </th> - т.е. является дочерним элементом таблицы, но не является дочерним элементом меню. короче, я запутался...

jeka5555 · 31.03.2009, 11:16

выложи код, мы же не телепаты.

Unknown-As · 31.03.2009, 16:17

Цитата:

Сообщение от jeka5555

выложи код, мы же не телепаты.

Код HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>

<style type="text/css">
ul { margin: 0; padding: 0; list-style: none; width: 125px; 
}
ul li a { display: block; text-decoration: none; color: #CC3333; font-size:8pt; font-family:Arial; font-style:normal;
background: #f2f6f9; padding: 3px; border: 0px solid #ccc; border-bottom: 0; width: 125px; height: 13px;
}
ul { margin: 0; padding: 0; list-style: none; width: 125px; 
border-bottom: 0px solid #ccc; }
ul li a:hover {
 text-decoration: none; color: #000000;
 background-color: #9999CC
 }
</style>

</head>

<body>
<table width="34%" height="370" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <th width="40%" scope="row">
	<ul class="style72">
	<ul>
	  <li id="lin1"><a href="#" class="style72 style73">о нас </a></li> 
<li><a href="#" class="style73">программы</a></li> 
<li><a href="#" class="style73">папрп</a></li> 
<li><a href="#" class="style73">парпа</a></li>
<li><a href="#" class="style73">парсатап</a></li>
<li><a href="#" class="style73">вуцакцу</a></li>
<li><a href="#" class="style73">ячмс</a></li>
<li><a href="#" class="style73">счия</a></li>
<li><a href="#" class="style73">ячси</a></li>
	</ul>	</th>
    <td width="60%" align="center"><img width="200" height="150" />	</td>
  </tr>
</table>
</body>
</html>

форматируйте код! //модератор

30.03.2009, 19:37	#1
Unknown-As Регистрация: 30.03.2009 Сообщений: 3	Смена картинки при наведении мыши на меню Здравствуйте. Вот проблема которую я никак не могу разрешить. Существует стандартное хтмл меню: (допустим такое) Код HTML: <ul class="style75"> <li id="lin1"><a href="#">a</a></li> <li id="lin2"><a href="#">b</a></li> </ul> и картинка: Код HTML: <img src=".../1.gif" name="image" width="101" height="130" id="image" /> я хочу чтобы картинка менялась при наведении курсора мыши на меню, а не на картинку. (это я и сам могу сделать) Картинка не является дочерним или соседним элементом...да и, не помешало бы обойтись css, а не java скр. потому как по java script я почти ноль... Заранее спасибо. форматируйте ваш код!!! //модератор Последний раз редактировалось SkyM@n; 30.03.2009 в 19:45.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
получить значение ID при наведении мышкой	badfilin	JavaScript, Ajax	9	25.04.2009 19:35
TСhart, клик мыши и координаты XY, Определение координат оси при клике мыши	Aravild	Компоненты Delphi	1	31.01.2009 16:28
Звук при наведении мышки на ссылку	BangBangFM	HTML и CSS	5	07.09.2008 15:14
Выдвижение формы при наведении	Stanislav	Общие вопросы Delphi	11	24.08.2008 00:24
Macromedia Dreamweaver закрывается при наведении на пункт меню	Xardas	Софт	2	04.05.2008 21:39

31.03.2009, 11:16	#4
jeka5555 Пользователь Регистрация: 20.03.2009 Сообщений: 43	выложи код, мы же не телепаты.