<style tyype="text/css/>
img{
border:none; /*убираем рамку у всех картинок */
}
a img{
border:2px solid #eee; /*рамка для вложеных в тег а картинок */
}
</style>
Цвет рамки картинки (css)
Здравствуйте.. вопрос в следующем.
Делаю картинку в виде ссылки, т.е. <a href=""><IMG src=""></a>
В браузере оно отображаеться как картинка с рамкой.
Настраиваю в CSS файле значения цветов для ссылки и получаеться так:
в фаерфоксе: Картинка отображаеться с рамкой, цвета ссылок, а при наведении с рамкой цвета ссылки, при наведении. Вообщем все как надо.
в IE: Картинка отображаеться с рамкой противного стандартного синего цвета, при наведении ее цвет не меняеться.
Вопрос: Как сделать нормальное отображение в IE, такое же как в фаерфоксе??
Делаю картинку в виде ссылки, т.е. <a href=""><IMG src=""></a>
В браузере оно отображаеться как картинка с рамкой.
Настраиваю в CSS файле значения цветов для ссылки и получаеться так:
в фаерфоксе: Картинка отображаеться с рамкой, цвета ссылок, а при наведении с рамкой цвета ссылки, при наведении. Вообщем все как надо.
в IE: Картинка отображаеться с рамкой противного стандартного синего цвета, при наведении ее цвет не меняеться.
Вопрос: Как сделать нормальное отображение в IE, такое же как в фаерфоксе??
указать цвет border-color для IMG.
если указать border-color для IMG, то
1. Оно будет фиксированно и не меняться, а надо чтоб менялось в цвет ссылки.
2. Все картинки будут с рамками.
з.ы. Пытался сделать так:
a.IMG {
border:2px solid #eeeeee;
}
т.е. Делать рамку, только у картинов вложенных в тег A, но такое не работает =( ...
Пробывал через JS, но возникла проблема с поиском ссылки с картинкой, на которой в данный момент курсор и изменением для нее цвета рамки.
1. Оно будет фиксированно и не меняться, а надо чтоб менялось в цвет ссылки.
2. Все картинки будут с рамками.
з.ы. Пытался сделать так:
a.IMG {
border:2px solid #eeeeee;
}
т.е. Делать рамку, только у картинов вложенных в тег A, но такое не работает =( ...
Пробывал через JS, но возникла проблема с поиском ссылки с картинкой, на которой в данный момент курсор и изменением для нее цвета рамки.
Цитата:
з.ы. Пытался сделать так:
a.IMG {
border:2px solid #eeeeee;
}
т.е. Делать рамку, только у картинов вложенных в тег A, но такое не работает =( ...
Конечно не работает, это вы не для картинок прописали, а для класса IMG!
Код:
Супер! .. заработало как надо! Спасибо!
Прописал для каждого состояния ссылок свое и все работает!
a:link img{
border:2px solid #1E69AA;
}
a:visited img{
border:2px solid #1E69AA;
}
a:hover img{
border:2px solid #FF6600;;
}
a:active img{
border:2px solid #1E69AA;
}
Прописал для каждого состояния ссылок свое и все работает!
a:link img{
border:2px solid #1E69AA;
}
a:visited img{
border:2px solid #1E69AA;
}
a:hover img{
border:2px solid #FF6600;;
}
a:active img{
border:2px solid #1E69AA;
}