Ссылка текст+картинка

inso

Помогите пожалуйста правильно составить код для такой ссылки:

 <a href>

текст1
текст2 картинка

</a>

Как бы слева блок с текст1 и текст2, а справа блок с картинкой, картинка должна быть высотой примерно равна текст1 + текст2 Пробовал разные вариации с таблицей и просто дивами, но никак не получается сделать как надо.

Плюс ко всему IE вообще такую ссылку не хочет воспринимать, когда внутри таблица, либо несколько дивов.

Вот набросал в фш примерно как нужно

inso

mike, можно подробнее? В сети несколько способов разных описано, ни один нормально не работает.

mike4

Вариантов действительно несколько.

Прежде всего ссылку нужно сделать блоком (display: block). Далее можно использовать как абсолютное позиционирование, так и относительно.

При относительном помещаете весь контент внутрь блока-ссылки.

При абсолютном помещаете пустой блок-ссылку в начало блока с контентом, устанавливаете ширину, высоту, прозрачный фон и поднимаете z-index.

Как-то так.

inso

mike, А каким образом выравнивать содержимое так, как мне нужно? В дивах и спанах все расползается, а если внутри ссылки появляются теги table, tr или td, то IE перестает видеть ссылку. Тоже самое и с float: left

mike4

Картинку сделайте плавающей (справа). Текст снизу должен обтекать картинку или нет? Если нет, поместите текст в плавающий блок.

Чтобы ничего не расползалось, блок-контейнер должен иметь достаточную ширину.

В принципе вполне нормально, когда при недостаточной ширине текст и картинка выстраиваются в вертикальном порядке.

Только правильную последовательность задайте, т.е. что на чем должно располагаться.
Еще при использовании плавающих блоков в конце контейнера нужно разместить пустой блок со свойством "clear: both", чтобы плавающий контент не выходил за пределы контейнера.

inso

mike, спасибо, но никак не получалось заставить эксплорер видеть блок ссылку - она там расползалась, а если использовал выравнивание, то экплорер уже не отображал блок как ссылку. Помог совет от Sven'а на саппорте - добавить в headinclude .

Wmboard

inso:
Плюс ко всему IE вообще такую ссылку не хочет воспринимать

На осла основная часть разработчиков давно забила. Кстати, куда вы вставляете ссылку, в форум или сайт? Ссылка должна быть только в картинке, или ссылка захватывает и то и то?

inso

Veter:
На осла основная часть разработчиков давно забила.

Тем не менее часть пользователей продолжает им пользоваться, стараюсь это учитывать.

Veter:
Кстати, куда вы вставляете ссылку, в форум или сайт?

На булке на вручную созданную страницу php

Veter:
Ссылка должна быть только в картинке, или ссылка захватывает и то и то?

ссылка это весь блок текст1, текст2 и картинка.

Wmboard

inso:
Тем не менее часть пользователей продолжает им пользоваться, стараюсь это учитывать.

Беру Борд месячную статистику. Explorer 11 2.6% Explorer 8 0.4% Explorer 10 0.4% Explorer 9 0.3% Explorer 6 0.1% Explorer 7 0.1% Уфффф.... меньше 4%

inso:
ссылка это весь блок текст1, текст2 и картинка

Ясно. Рад, что решили проблему.

Похожие темы	Дата
Софт для Viber и WhatsApp	19.10.2024, 18:10
sSPACESTORE 1.0.20.0 CRACK	19.10.2024, 18:10
[Кристиан Бауэр, Гэвин Кинг, Гэри Грегори]Java Persistence API и Hibernate	19.10.2024, 18:10
[hexlet] Java Generics (2018)	19.10.2024, 18:10
Unity для разработчика. Мобильные мультиплатформенные игры	19.10.2024, 18:10
Толковые Словари	19.10.2024, 18:10
Devart unidac+mydac+odac+ibdac+sdac+pgdac	19.10.2024, 18:10
Resources images cursors icons	19.10.2024, 18:10
Essential Engineering Mathematics	19.10.2024, 18:10
Как посредством Яваскриптика получить доступ к содержимому текстового поля?	19.10.2024, 18:10

Ссылка текст+картинка

inso

inso

mike4

inso

mike4

inso

Wmboard

inso

Wmboard

I AM

Интересно