Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как сделать ссылку в виде ячейки таблицы (<tr href="some URL">) / 3 сообщений из 3, страница 1 из 1
08.11.2008, 18:18
    #35641856
NT Man
NT Man
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как сделать ссылку в виде ячейки таблицы (<tr href="some URL">)
Чтобы было понятно, что требуется, приведу эскиз

теперь поясню:
1) кликаться должна ячейка целиком
2) картинка меньше ячейки
3) картинка должна быть центрирована как по вертикали, так и по горизонтали
4) всё это реализовать без использования JavaScript

Долгие поиски в интернете позволили найти способ как растянуть действие тэга на всю ячейку
Код: plaintext
1.
2.
3.
4.
<td style="vertical-align:middle;" align="center">
  <a href="some url" style="width: 100%; height: 100%; display: block;">
    <img src="some image" style="border: 0px;" align="center" valign="center"></img>
  </a>
</td>
однако этот способ убивает действие тэга style="vertical-align:middle;" в результате чего все картинки уезжают вверх.

Помогите найти кросбраузерный способ реализации описанной хотелки.

P.S. в опере все намного проще и возможен вот такой код:
Код: plaintext
1.
2.
3.
4.
<a href="some url">
  <td style="vertical-align:middle;" align="center">  
    <img src="some image" style="border: 0px;" align="center" valign="center"></img>
  </td>
</a>

Но в IE если так сделать, тэг a перестаёт работать.

---
Чем больше я пишу на HTML и JavaScript, тем сильнее ненавижу IE!!!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.11.2008, 12:18
    #35646218
М.Голованов
М.Голованов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как сделать ссылку в виде ячейки таблицы (<tr href="some URL">)
NT ManP.S. в опере все намного проще и возможен вот такой код

Возможен-то он возможен, но неправилен.

Делайте так:

Код: plaintext
1.
2.
<td ... onclick="window.open('http://www.foo.com')" style="cursor:pointer">  
...
</td>

и будет Вам кликалка на всю ячейку. Да еще и с соответствующим курсором
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.11.2008, 09:09
    #35653399
limpalex
limpalex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как сделать ссылку в виде ячейки таблицы (<tr href="some URL">)
NT Man,

попробуйте обернуть <img> в <div style="width: 100%; height: 100%; vertical-align: middle ">
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как сделать ссылку в виде ячейки таблицы (<tr href="some URL">) / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 487ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455584]:
 0ms
get settings:
 10ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 166ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 53ms
get tp. blocked users:
 2ms
others: 214ms
total:  487ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]