c100_07
Новичок
Отображение рамки изображения при наведении на него курсора мыши
В html странице есть изображения-ссылки. Надо сделать, чтобы при наведении на них курсора мыши вокруг изображения появлялась сплошная рамка шириной в один пиксель оранжевого цвета (#F58167). Если указать в стилях класс:
.pits img:hover {border:1px solid #F58167;}
, а в коде страницы класс .pits присвоить блоку div, в который вставлена таблица с изображениями, то рамки появляются в Опере, но не появляются в Интернет Експлорере.
Пробовал присвоить рамку не изображениям, а ссылкам, но тогда рамка выводится только справа, снизу и слева изображения, а сверху не выводится ( хз почему ((
Подскажите, чё делать?
Может рамки можно яваскриптом выводить, типа onMouseOver="javascript:this.img='';" onMouseOut="javascript:this.img='';"? Только как указать атрибут бордер с нужными параметрами?
В html странице есть изображения-ссылки. Надо сделать, чтобы при наведении на них курсора мыши вокруг изображения появлялась сплошная рамка шириной в один пиксель оранжевого цвета (#F58167). Если указать в стилях класс:
.pits img:hover {border:1px solid #F58167;}
, а в коде страницы класс .pits присвоить блоку div, в который вставлена таблица с изображениями, то рамки появляются в Опере, но не появляются в Интернет Експлорере.
Пробовал присвоить рамку не изображениям, а ссылкам, но тогда рамка выводится только справа, снизу и слева изображения, а сверху не выводится ( хз почему ((
Подскажите, чё делать?
Может рамки можно яваскриптом выводить, типа onMouseOver="javascript:this.img='';" onMouseOut="javascript:this.img='';"? Только как указать атрибут бордер с нужными параметрами?
