border у картинок
очевидно должно быть что-то в роде
a:hover {border:1px;}
подскажите как это сделать!
есть картинки при нажатии на которые открывается их увеличенное изображение в новом окне- у самих картинок border=0 (рамка ну просто не уместна), НО! при наведении на них мышкой нужно чтобы она появлялась, а то люди какбы не понимают что на них еще и нажать можно!
очевидно должно быть что-то в роде
a:hover {border:1px;}
подскажите как это сделать!
А что мешает поставить a:hover img {border:1px;}?
Или javascript'овую onMouseOver? Хотя лучше не JavaScript, а css.
А что мешает поставить a:hover img {border:1px;}?
Или javascript'овую onMouseOver? Хотя лучше не JavaScript, а css.
Я тут глюк у 6 ослика увидел. Он реагирует на a:hover img, но не реагирует на border внутри правила..
border:none;
}
a:hover img {
cursor:help;
border:4px solid #0f0;
}
Удаление img { } не к чему не привело. Опера и Лиса на это смотрят нормально.
Я тут глюк у 6 ослика увидел. Он реагирует на a:hover img, но не реагирует на border внутри правила..
border:none;
}
a:hover img {
cursor:help;
border:4px solid #0f0;
}
Удаление img { } не к чему не привело. Опера и Лиса на это смотрят нормально.
Да, ты прав в таком варианте работать не будет, но если отдельно объявить css для "любимого" ослика :) и отдельно для оперы и "паленого лисенка" :) , то все заработает.
<style type="text/css">
img {
border:none;
}
a:hover{
cursor:help;
border:4px solid #0f0;
}
body>a:hover {
cursor:help;
border: 0;
}
a.a_img>img:hover {
cursor:help;
border:4px solid #0f0;
}
</style>
Недостаток, для ссылки появился, в общем-то, лишний класс.
Да дело не в этом. Как выкрутиться я бы нашёл:). Просто почему он именно на border не реагирует? Я специально для этого поставил cursor:help, и он срабатывал. Глюк был именно с border.
Ну это вопрос риторический, ослик он и есть ослик. Я вообще понял, что IE осликом называют не потому что он IE, а потому что он осел :) :). ЗЫ интресно, а в 7 версии этого бага не будет?
<style type="text/css">
img {
border:none;
}
a:hover{
cursor:help;
border:4px solid #0f0;
}
body>a:hover {
cursor:help;
border: 0;
}
a.a_img>img:hover {
cursor:help;
border:4px solid #0f0;
}
</style>
в этом варианте все ссылки при наведении получают рамку.
а вот что интересно, при:
img
{
border:none;
}
a:hover img
{
border:4px solid #0f0;
}
a.a_img:hover
{
border:4px solid #0f0;
}
}
ИЕ показывает рамку не в 4, а в 8 пикселов, т.е. получается что он все таки учитывает a:hover img { border:4px solid #0f0; }, но не показывает. а вот фаер показывает две разные рамки :(
2skywalker - работает только в ослике (стоит опера 8.54 firefox 1.5.0.2 и ослик обычный (6)), да и то криво. Рамки вверху - нету.
2y4an - ослик по прежнему не понимает.
<style type="text/css">
img {
border:none;
}
a:hover{
cursor:help;
border:4px solid #0f0;
}
body>a:hover {
cursor:help;
border: 0;
}
a.a_img>img:hover {
cursor:help;
border:4px solid #0f0;
}
</style>
Странно стоит все тоже самое (только opera 8 ), все показывает нормально.
Ну раз не работает, тогда вариант один юзать onmouseover .
img
{
border:none;
}
a:hover>img
{
border:4px solid #0f0;
}
}
</style>
<!--[if IE]>
<style>
a.a_img:hover
{
border:4px solid #0f0;
}
}
</style>
<![endif]-->
вот такой вариант, показывает рамку при наведенеии и в ИЕ и в Лисе