Дизайн и Верстка > Всё о Html
Гипер сылка в таблице
(1/1)
Altaxar:
У меня есть таблица:
<table>
<tr><td>Name</td><td width="10">img</td></tr>
<tr><td>Name2</td><td width="10">img</td></tr>
<tr><td>Name3</td><td width="10">img</td></tr>
......
....
</table>
можно ли както сделать, чтобы каждая строка (внутреность ...) была Гипер сылкой? (без JavaScript)
09h:
<table>
<tr><a href="http://webscript.ru"><td>Name</td><td width="10">img</td></a></tr>
<tr><td><a href="http://webscript.ru">Name2</a></td><td width="10"><a href="http://webscript.ru">img</a></td></tr>
<tr onmouseover="style.cursor=\'hand\';" onclick="parent.document.location.href=\'http://webscript.ru\';"><td>Name3</td><td width="10">img</td></tr>
......
....
</table>
3 строки - 3 варианта ..
1. ссылкой будет не содержимое ячеек таблы а сами ячейки ) те текст подсвечиваца как ссылка не будет...
2. втыкать в каждый td тэг a
3. хоть и с яваскриптом но вроде удобней особенно когда очень много колонок в таблице
Altaxar:
Спасибо,
но 1-й вариант не работает в FF (FireFox),
2-й вариант неподходит, ячейка может быть больше содержимого.
3-й вариант надо доработать мой PHP, так как переменная $href-- может содержать такое : "javascript:aaa();" , поэтому и не хотелось переносить в onclick="$href".
P.S. не куда не дется, прийдется дорабатывать гибкость системы.
CGVictor:
[off]Altaxar
Если приспосабливаться к тому, что есть - то кто мешает вот этот самый width="10" описать как padding у ссылки: он станет замечательно кликабельным...[/off]
ravshaniy:
в каждую ячейку разместить и стилями добиться width:100% и height:100%. я так подозреваю нужно будет выбрать определенный доктайп, иначе не везде будет работать в quirks mode скорее всего не будет работать
ну вобще это все не очень красиво. Javascript хорошая вещь. А prototypejs позволит сделать это не добавляя Javascript в код таблицы. prototypejs - рулит
Навигация
Перейти к полной версии