herr.boyar
-
Posts
1 -
Joined
-
Last visited
herr.boyar's Achievements
Explorer (1/14)
0
Reputation
-
Доброго времени суток, Уважаемые!) Помогите разобраться, если не трудно.. Суть в следующем: есть фотография, на каждом из персонажей которой спозиционированы гиперссылки и образованы области для щелчка. В FF и Google Chrome все работает на УРА, а в OPERA и IE проблемы - спозиционированные области ВНЕ изображения показываются и активны при наведении, а размещенные непосредственно на фотографии не активны. В чем могла бы быть загвоздка? Тут ссылка на эту страницу. Собственно, сам код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Advanced CSS Solutions</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> * { margin: 0; padding: 0; } body { margin: 0 auto; width: 750px; } #pic { width: 604px; height: 453px; position: relative; } #pic ul { margin: 0; padding: 0; list-style: none; } #pic a { position: absolute; width: 70px; height: 80px; text-indent: -1000em; } #pic .serg a { top: 70px; left: 240px; } #pic .boyar a { top: 80px; left: 320px; } #pic a:hover { border: 1px dotted; } </style> </head> <body> <div id='pic'> <img src='images/photo.jpg' width='605' height='454' alt='Sergey_Boyar' /> <ul> <li class='serg'> <a href='http://www.vk.com/' title='Serezha'> Serezha </a> </li> <li class='boyar'> <a href='http://www.vk.com/' title='Boyar'> Boyar </a> </li> </ul> </div> </body> </html>