Сайты - по стандартам, но не стандартные сайты!
Дано: Внутри ссылки есть span с заданной высотой, внутри span есть img.
В IE (все версии) не работает ссылка на картинке. Сломал голову, но решение не нашёл.
Отредактированно Glook (08.04.2012 16:38)
Нет на форуме
ссылку блоком сделать.
Нет на форуме
Владимир, это ничего не даст.
Отредактированно Glook (08.04.2012 16:32)
Нет на форуме
Нет на форуме
Владимир, я признателен Вам за быстрый ответ, но Вы бы протестировали сначала. Ваш пример НЕ РАБОТАЕТ.
Нет на форуме
попробуйте уберите dispay:block везде
Нет на форуме
VovaM, я особо отметил, что span с заданной высотой Отсюда следует, что убрать у него display:block я не могу!
Нет на форуме
я еще начинаю,но насколько знаю span-строковый элемент а вы ему блочный может поэтому ие упрямится?и вообще зачем вам в этом случае span?может его убрать совсем?
Нет на форуме
Попробуйте так:
Вроде везде работает... проблема, как мне кажется, в том, что style в IE не описывает состояния ссылки :link, :visited и т.д.
Нет на форуме
VovaM, да действительно, span — строковой элемент.... и естественно в ссылку, которая также является строковым элементом вставлять блок нельзя (это не валидно ), поэтому я и вложил в ссылку span, задав ему display:block.
Всё немного сложнее.... В проекте над которым я работаю, внутри ссылок, находятся элементы (картинка и подпись к ней), один из которых (тот что с картинкой) изменяет свою высоту при наведении курсора (отсюда и необходимость задать ему блочное отображение и высоту).
Я конечно могу пойти более простым путём и сделать обратное вложение, то есть сделать два блока div (для картинки и подписи, и вложить в них ссылку, но тогда это будут две ссылки ведущие на один адрес). Для сокращения кода я и решил сделать такой финт ушами, но видно с IE он не пройдёт...
Или пройдёт? Может у кого-нибудь получится?
Нет на форуме
Glook написал:
.....Или пройдёт? Может у кого-нибудь получится?
я ж написал как, все отлично работает во всех браузерах...
Нет на форуме
СТОП! Octane, а почему Вы убрали высоту у span???
С указанной высотой НЕ РАБОТАЕТ
Отредактированно Glook (08.04.2012 20:03)
Нет на форуме
Glook написал:
Владимир, я признателен Вам за быстрый ответ, но Вы бы протестировали сначала. Ваш пример НЕ РАБОТАЕТ.
Glook, как раз мой пример рабочий, проверьте еще раз.
Нет на форуме
vashurin написал:
как раз мой пример рабочий, проверьте еще раз.
Проверил, НЕ РАБОТАЕТ
Вы в IE тестите? Кликаете на кртинку?
Нет на форуме
хм действительно с height не работает Оо наверна эт проделки hasLayout
используйте лучше фоновые изображения, организованные в спрайты, более грамотный способ будет...
Нет на форуме
Octane написал:
используйте лучше фоновые изображения, организованные в спрайты
о чём речь вообще? да и собственно говоря фоновое изображение использовать там ни к чему, там по замыслу грузится именно картинка - тэг img. Вы же не будете в фотоальбоме делать картинки фоновыми? Это не тот случай.
Нет на форуме
эмм думал меню навигации конструируете)
Про спрайты можно узнать здесь http://alistapart.com/articles/sprites
пока нахожу единственный способ при такой верстке: продублировать ссылку событием onclick на img для IE
Нет на форуме
Glook написал:
Вы же не будете в фотоальбоме делать картинки фоновыми?
Легко, если иначе эффект недостижим. Например, бывает необходимость именно в фотогалерее каждую миниатюрку произвольной, заранее неизвестной, ориентации вписывать в квадрат и центрировать в нём; при этом, конечно, чтобы ссылка не была семантически пустой, изображение туда всё равно вкладывается, но скрывается при помощи {display: none}.
Отредактированно MT (11.04.2012 03:07)
Нет на форуме