[Вопрос]

Приветствую. Пытаюсь сделать ссылкой такой вот блок:


Соорудил такой код

<table border="0" align="left" valign="top">
<tr>
<td><div>текст1 </div><div> текст2</div></td> <td>картинка</td>
</tr>
</table>

Но ссылкой его сделать никак не выходит, в интернете нашел и перепробовал уже десяток способов блок-ссылок, но не один нормально не работает. Особенно в IE.

всмысле всю таблицу ссылкой сделать?

<a href="Link"><table>.....</table></a>

kerk, эксплорер не хочет такую ссылку нормально воспринимать.

@inso, Оффтоп

Забей на эксплорер!

А так?

<a style="display: table;" href="http://google.com">
	<div style="display: table;">
		<div style="display: table-cell;">Block 1</div>
		<div style="display: table-cell;">Block 2</div>
	</div>
</a>

@Sven, Дома на IE 11 работает, спасибо, завтра проверю на работе на более старом IE.

Вот только теперь блоки "расползлись", не получается их выстроить как надо без таблицы. Пороюсь в сети.

@Ярик, забить на IE - это забить на часть пользователей, пусть даже и небольшую. И знание о том, что на сайте что-то "криво" будет постоянно сверлить мозг.

Originally Posted by inso

знание о том, что на сайте что-то "криво" будет постоянно сверлить мозг

это пройдет...

Originally Posted by inso

не получается их выстроить как надо без таблицы.

Это на дивах и почитай про display: table/table-cell
Вообще для дивов нужно указывать размеры, но т.к. общий див и ссылка с display: table - ширину нужно для них указать.


Проверил, в ИЕ 7 только поползло. В новых всё нормально, ширина зависит от контента
Если нужен вариант решения - могу предложить, но я в этом не вижу смысла. Майкрософт сам не поддерживает старые версии

Originally Posted by Sven

Проверил, в ИЕ 7 только поползло.

Я может неправильно понял блок1 и блок2 и не там расположил?

<a style="display: table;" href="http://google.com">
<div style="display: table;">
<div>текст1 </div><div> текст2</div>
</div>
<div style="display: table-cell;">картинка</div>
</div>
</a>

По идее блок1 это текст1+текст2, а блок2 - картинка.

В результате в хроме текст1 по нижний край картинки, текст2 под картинкой. В ИЕ 11 все три блока на новой строке, как будто и нет таблицы.

Конечно всё не так
Родительским элементом должен быть див с display: table; и два дочерних с display: table-cell;
Вместо блок 1 - вставь текст, а вместо Блок 2 - вставь картинку.