Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: рамка на картинке
 
 автор: kipes   (02.09.2009 в 11:57)   письмо автору
 
 

есть картинка без рамки, как сделать чтобы при наведении на нее появлялась рамка?

  Ответить  
 
 автор: kipes   (02.09.2009 в 12:14)   письмо автору
 
   для: kipes   (02.09.2009 в 11:57)
 

решение найдено!

#example-three a img { border: none;}
#example-three a { border: 3px solid #fff; float: left;}
#example-three a:hover { border: 3px solid black; }

но что делать, если у картинки (.gif ) углы закругленные, то ведь рамка не будет повторять контур ее, а будет квадратной...??

  Ответить  
 
 автор: DJ Paltus   (03.09.2009 в 10:25)   письмо автору
 
   для: kipes   (02.09.2009 в 12:14)
 

Картинка всё равно в душе остается прямоугольной. для уменьшения некрасивости поведения, и в том случае, когда закругленные уголки картинки выполнены прозрачным (а не белым или другим цветом фона), проще всего заменить цвет фона. Тогда и рамка появится, и расстояние от нее до круглых уголков зальется. Хотя лучше в таком случае смотреться будет .png с альфа-каналом - круглый уголок не будет так зубриться.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования