Форум Сайтостроение Веб-строительство

Непонятное поведение Opera 10

vlasoff
На сайте с 31.08.2007
Offline
101
vlasoff
408

Доброго всем времени суток,

вот на этом сайте www.expert-automatic.ru слева есть ссылки "показать на карте" и "написать письмо", открывающиеся в новом окне, чтобы подчеркнуть данное обстоятельство я слева сделал иконки. Между иконкой и текстом ссылки должен быть промежуток. В IE 7 и FF 3.5.7 они отображаются как надо, а в Opera 10 промежуток отсутствует, причём, если обновить страницу (F5), всё прорисовыввается уже нормально, но при переходе на другую страницу, где присутствуют эти же элементы история повторяется.

HTML: 

<p class="link"><a href="/contacts/" target="_blank" class="popup"><i class="icon"></i>показать на карте</a></p>

<p class="link"><a href="/contacts/#mail" target="_blank" class="popup"><i class="icon"></i>написать письмо</a></p>

CSS: 

i.icon { display:block;position:absolute;background:url(/images/icons.gif) no-repeat;overflow:hidden; }

a i.icon { cursor:pointer; }

a.popup { position:relative; }

a.popup i.icon { width:16px;height:16px;background-position:-27px 0;top:.7em;left:-20px;margin-top:-4px; }

.contacts p.link { margin:.3em 0 0 4.4em; }

Сломал всю голову уже. Буду признателен, если кто-нибудь подскажет в чём суть проблемы.

T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#1

vlasoff,

Сам вид такой конструкции вызывает дрожь =)))

<a href="/contacts/" target="_blank" class="popup"><i class="icon"></i>показать на карте</a>

Для таких вещей существует SPAN

Как Вы думаете, к чему относится сей стиль?

a i.icon { cursor:pointer; }

Что мешает background Поставить сразу для A ?

Вы обманули сами себя, накрутив бессмысленное количество тэгов и стилей?

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий