2011-12-01 2 views
2

У меня есть модный CSS на моих <a> тегах. Ввод <img> внутри ссылки делает изображение палкой за пределами блока <a>, хотя он по-прежнему доступен для клика, он выглядит глупым.Наследующая высота дочернего узла (IMG внутри A)

Изменение <a> к display:block или float:left фиксирует это, но имеет нежелательный не -side эффект.

Как я могу это преодолеть?

http://jsfiddle.net/z5gdA/2/

+0

Какой желаемый эффект? Изображение отображается как ожидалось: свойство заполнения на якоре добавляет небольшой промежуток между привязкой привязки. Свойство 'height: 3em' расширяет изображение. –

+0

Почему это было перенесено с веб-мастеров? [еще один вопрос] (http://webmasters.stackexchange.com/questions/10211/how-to-adsense-report-issue-with-highlight-blackout-screenshot) моего тронута веб-мастерам. – Mikhail

+0

«Обратите внимание, что если ваш вопрос о подробном кодировании HTML, JavaScript или CSS, он может лучше поместиться в Stack Overflow». ~ [webmasters FAQ] (http://webmasters.stackexchange.com/faq#questions). –

ответ

-1

Использование пикселей для вашей высоты изображения, а не "эм".

+0

Как это устранить проблему? – Filip

+0

Попробуйте и посмотрите. –

+0

Я сделал и для меня изображение все еще находится за пределами a? http://jsfiddle.net/z5gdA/4/ – Filip

2

Попробуйте установить <a> на номер display: inline-block. Это должно работать в большинстве браузеров.

Смежные вопросы