Snoozi Posted September 9, 2010 Report Share Posted September 9, 2010 Здравствуйте, имеется проблема с рамками вокруг изображения-ссылки. Суть проблемы такова, что при наведении на изображение должна появляться рамка, а при щелчке на изображение переход на другую страничку. В IE рамка видна хорошо, во всех других же браузрах она видна не полностью, а только какая-то её часть.Какие атрибуты нужно задать для hover, чтобы рамка не была обрезанной?Заранее спасибо Quote Link to comment Share on other sites More sharing options...
0 rus Posted September 9, 2010 Report Share Posted September 9, 2010 показывайте свой код Quote Link to comment Share on other sites More sharing options...
0 npofopr Posted September 9, 2010 Report Share Posted September 9, 2010 бордер картинке задавать да и все. Quote Link to comment Share on other sites More sharing options...
0 Snoozi Posted September 9, 2010 Author Report Share Posted September 9, 2010 CSSa.hover3:hover{border:#FFFFFF dashed 3px;} <div class="bigpic"> <p class="push"> нажмите на картинку, чтобы перейти к следующей </p><br /> <a href="lovebw_36.html" class="hover3"><img src="lovebw/lovebw-035.jpg" width="200" height="338" align="center"/></a></div>Вот отрывки из кода с проблемным местом Quote Link to comment Share on other sites More sharing options...
0 rus Posted September 9, 2010 Report Share Posted September 9, 2010 тогда сюда добавьте еще отступы:a.hover3:hover{border:#FFFFFF dashed 3px;padding:5px;} Quote Link to comment Share on other sites More sharing options...
0 Snoozi Posted September 9, 2010 Author Report Share Posted September 9, 2010 Спасибо за совет, вот только теперь другая проблема, для ff и хрома настроить получилось, но при этом IE и опера видят эти настройки криво, т.е. для ИЕ получается слишком большая рамка которая выходит за пределы, а для Оперы рамка смещена вниз... Quote Link to comment Share on other sites More sharing options...
0 rus Posted September 9, 2010 Report Share Posted September 9, 2010 для того что бы результаты не разнИлись в разных браузерах (кроссбраузерная верстка называется), нужно писать доктайп и следовать его рекомендациям согласно консорциуму w3c.org, а еще можно использовать для этих целей так называемый reset - глобальное обнуление стилей, в данном случае это сброс отступов. Quote Link to comment Share on other sites More sharing options...
0 Snoozi Posted September 9, 2010 Author Report Share Posted September 9, 2010 А можете поподробнее рассказать об одном из способов решения проблемы или дать ссылку на них? буду очень благодарен Quote Link to comment Share on other sites More sharing options...
0 rus Posted September 9, 2010 Report Share Posted September 9, 2010 вот тут есть некоторые примеры, может не совсем по теме, но пищу для размышления дадут.з.ы. я не умею объяснять, поэтому проще было бы конечно написать вместо этого. Quote Link to comment Share on other sites More sharing options...
0 Snoozi Posted September 9, 2010 Author Report Share Posted September 9, 2010 Большое спасибо, буду пытаться всё настроить Quote Link to comment Share on other sites More sharing options...
Question
Snoozi
Здравствуйте, имеется проблема с рамками вокруг изображения-ссылки.
Суть проблемы такова, что при наведении на изображение должна появляться рамка, а при щелчке на изображение переход на другую страничку.
В IE рамка видна хорошо, во всех других же браузрах она видна не полностью, а только какая-то её часть.
Какие атрибуты нужно задать для hover, чтобы рамка не была обрезанной?
Заранее спасибо
Link to comment
Share on other sites
9 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.