Форум hotibo.ru
Сайты - по стандартам, но не стандартные сайты!
#1 08.04.2012 15:44
- Glook
- Разбирающийся
- Зарегистрирован: 14.01.2011
- Сообщений: 142
IE - баг с ссылкой
Дано: Внутри ссылки есть span с заданной высотой, внутри span есть img.
В IE (все версии) не работает ссылка на картинке. Сломал голову, но решение не нашёл.
Код:
Отредактированно Glook (08.04.2012 16:38)
Нет на форуме
#2 08.04.2012 16:01
- vashurin
- Moderator
- Зарегистрирован: 14.09.2010
- Сообщений: 287
- Вебсайт
Re: IE - баг с ссылкой
ссылку блоком сделать.
С уважением, Вашурин Владимир.
Нет на форуме
#3 08.04.2012 16:32
- Glook
- Разбирающийся
- Зарегистрирован: 14.01.2011
- Сообщений: 142
Re: IE - баг с ссылкой
Владимир, это ничего не даст. 
Отредактированно Glook (08.04.2012 16:32)
Нет на форуме
#4 08.04.2012 16:43
- vashurin
- Moderator
- Зарегистрирован: 14.09.2010
- Сообщений: 287
- Вебсайт
Re: IE - баг с ссылкой
Код:
С уважением, Вашурин Владимир.
Нет на форуме
#5 08.04.2012 17:07
- Glook
- Разбирающийся
- Зарегистрирован: 14.01.2011
- Сообщений: 142
Re: IE - баг с ссылкой
Владимир, я признателен Вам за быстрый ответ, но Вы бы протестировали сначала. 
Ваш пример НЕ РАБОТАЕТ.
Нет на форуме
#6 08.04.2012 17:53
- VovaM
- Новичок
- Зарегистрирован: 08.04.2012
- Сообщений: 3
Re: IE - баг с ссылкой
попробуйте уберите dispay:block везде
Нет на форуме
#7 08.04.2012 18:01
- Glook
- Разбирающийся
- Зарегистрирован: 14.01.2011
- Сообщений: 142
Re: IE - баг с ссылкой
VovaM, я особо отметил, что span с заданной высотой Отсюда следует, что убрать у него display:block я не могу!
Нет на форуме
#8 08.04.2012 18:16
- VovaM
- Новичок
- Зарегистрирован: 08.04.2012
- Сообщений: 3
Re: IE - баг с ссылкой
я еще начинаю,но насколько знаю span-строковый элемент а вы ему блочный может поэтому ие упрямится?и вообще зачем вам в этом случае span?может его убрать совсем?
Нет на форуме
#9 08.04.2012 19:07
- Octane
- Опытный
- Откуда: Волгоград
- Зарегистрирован: 05.03.2012
- Сообщений: 220
- Вебсайт
Re: IE - баг с ссылкой
Попробуйте так:
Код:
Вроде везде работает... проблема, как мне кажется, в том, что style в IE не описывает состояния ссылки :link, :visited и т.д.
javascript framework
Нет на форуме
#10 08.04.2012 19:16
- Glook
- Разбирающийся
- Зарегистрирован: 14.01.2011
- Сообщений: 142
Re: IE - баг с ссылкой
VovaM, да действительно, span — строковой элемент.... и естественно в ссылку, которая также является строковым элементом вставлять блок нельзя (это не валидно ), поэтому я и вложил в ссылку span, задав ему display:block.
Всё немного сложнее.... В проекте над которым я работаю, внутри ссылок, находятся элементы (картинка и подпись к ней), один из которых (тот что с картинкой) изменяет свою высоту при наведении курсора (отсюда и необходимость задать ему блочное отображение и высоту).
Я конечно могу пойти более простым путём и сделать обратное вложение, то есть сделать два блока div (для картинки и подписи, и вложить в них ссылку, но тогда это будут две ссылки ведущие на один адрес). Для сокращения кода я и решил сделать такой финт ушами, но видно с IE он не пройдёт...
Или пройдёт? Может у кого-нибудь получится?
Нет на форуме
#11 08.04.2012 19:29
- Octane
- Опытный
- Откуда: Волгоград
- Зарегистрирован: 05.03.2012
- Сообщений: 220
- Вебсайт
Re: IE - баг с ссылкой
Glook написал:
.....Или пройдёт? Может у кого-нибудь получится?
я ж написал как, все отлично работает во всех браузерах...
javascript framework
Нет на форуме
#12 08.04.2012 19:41
- Glook
- Разбирающийся
- Зарегистрирован: 14.01.2011
- Сообщений: 142
Re: IE - баг с ссылкой
СТОП! Octane, а почему Вы убрали высоту у span??? 
С указанной высотой НЕ РАБОТАЕТ
Отредактированно Glook (08.04.2012 20:03)
Нет на форуме
#13 09.04.2012 16:00
- vashurin
- Moderator
- Зарегистрирован: 14.09.2010
- Сообщений: 287
- Вебсайт
Re: IE - баг с ссылкой
Glook написал:
Владимир, я признателен Вам за быстрый ответ, но Вы бы протестировали сначала.
Glook, как раз мой пример рабочий, проверьте еще раз.
С уважением, Вашурин Владимир.
Нет на форуме
#14 09.04.2012 18:26
- Glook
- Разбирающийся
- Зарегистрирован: 14.01.2011
- Сообщений: 142
Re: IE - баг с ссылкой
vashurin написал:
как раз мой пример рабочий, проверьте еще раз.
Проверил, НЕ РАБОТАЕТ 
Код:
Вы в IE тестите? Кликаете на кртинку?
Нет на форуме
#15 10.04.2012 20:18
- Octane
- Опытный
- Откуда: Волгоград
- Зарегистрирован: 05.03.2012
- Сообщений: 220
- Вебсайт
Re: IE - баг с ссылкой
хм действительно с height не работает Оо наверна эт проделки hasLayout
используйте лучше фоновые изображения, организованные в спрайты, более грамотный способ будет...
javascript framework
Нет на форуме
#16 10.04.2012 20:39
- Glook
- Разбирающийся
- Зарегистрирован: 14.01.2011
- Сообщений: 142
Re: IE - баг с ссылкой
Octane написал:
используйте лучше фоновые изображения, организованные в спрайты
о чём речь вообще? да и собственно говоря фоновое изображение использовать там ни к чему, там по замыслу грузится именно картинка - тэг img. Вы же не будете в фотоальбоме делать картинки фоновыми? Это не тот случай.
Нет на форуме
#17 10.04.2012 21:09
- Octane
- Опытный
- Откуда: Волгоград
- Зарегистрирован: 05.03.2012
- Сообщений: 220
- Вебсайт
Re: IE - баг с ссылкой
эмм думал меню навигации конструируете)
Про спрайты можно узнать здесь http://alistapart.com/articles/sprites
пока нахожу единственный способ при такой верстке: продублировать ссылку событием onclick на img для IE
javascript framework
Нет на форуме
#18 11.04.2012 03:05
- MT
- Опытный
- Откуда: Moscow
- Зарегистрирован: 23.11.2009
- Сообщений: 241
- Вебсайт
Re: IE - баг с ссылкой
Glook написал:
Вы же не будете в фотоальбоме делать картинки фоновыми?
Легко, если иначе эффект недостижим. Например, бывает необходимость именно в фотогалерее каждую миниатюрку произвольной, заранее неизвестной, ориентации вписывать в квадрат и центрировать в нём; при этом, конечно, чтобы ссылка не была семантически пустой, изображение туда всё равно вкладывается, но скрывается при помощи {display: none}.
Отредактированно MT (11.04.2012 03:07)
браузер | блог
Нет на форуме