| |
|
|
| | Для того чтобы уменьшить кол-во картинок на сайте, сделал два вида кнопок - обычную и под курсором.
Теперь как изменить background ячейки, когда наводится на него мышь?
<table id="tab_menu" class="but_text" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td width="120" height="33" background="images/but01.jpg" onmouseover="onMove()" onmouseout="ononOut()">Товары</td>
<td width="120" height="33" background="images/but01.jpg">Фирмы</td>
<td width="120" height="33" background="images/but01.jpg">Новости</td>
<td width="120" height="33" background="images/but01.jpg">Объявления</td>
<td width="120" height="33" background="images/but01.jpg">О нас </td>
<td background="images/fon_butt_01.jpg"> </td>
</tr>
</table>
|
| |
| |
|
|
| |
|
|
| |
для: Worldmen
(04.04.2008 в 16:54)
| | |
$bgc="#EFEFEF"
echo "<td onmouseover=\"this.style.backgroundColor='#dddddd';\" onmouseout=\"this.style.backgroundColor='${bgc}';\"></td>";
|
| |
| |
|
|
| |
 3.9 Кб |
|
| |
для: Front
(04.04.2008 в 16:59)
| | | Написал
<td width="120" height="33" background="images/but01.jpg" onmouseover="this.style.background='images/but02.jpg'" onmouseout="this.style.background='images/but01.jpg'">Товары</td>
|
А IE мне выдает "Недопустимый элемент" - это он на ту строку ругается
А в Мозиле вообще этой таблицы нет - что это? | |
| |
|
|
| |
|
|
| |
для: Worldmen
(04.04.2008 в 17:37)
| | | напишите
this.style.backgroundImage | |
| |
|
|
| |
|
|
| |
для: Worldmen
(04.04.2008 в 17:37)
| | | Понял что не видит из-за комментариев. А почему в IE - нормально
------------
Появилась в Мозиле(коментарии поправил), но при наведении не реагирует на мышь
---------------------------
Чего-то нашел. Я типа такого хотел, но почемуто только в Мозиле работает, а в IE - нет
<style>
TD.class1 {background-image: url(images/but01.jpg)}
TD.class1:hover {background-image: url(images/but02.jpg)}
</style>
<td class="class1" height="33" align="center"> <a href="#">Ячейка</a></td>
|
Это работает, но фон не на всю ячейку, а только на ссылку
<style>
A.MOUSE{
background-image:URL(images/but01.jpg);
width:100px;
height:100px;
/*position:relative;*/
}
A.MOUSE:HOVER{
background-image:URL(images/but02.jpg);
width:100px;
height:100px;
/*position:relative;*/
}
</style>
<td width="120px"><a class="MOUSE" href="#">еще </a></td>
|
Как сделать на всю ячейку фон?
position:relative - не помогает. | |
| |
|
|
