Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ссылка всей ячейки таблицы. / 18 сообщений из 18, страница 1 из 1
02.02.2010, 00:15:13
    #36443347
Cerber-88
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
Код:
Код: plaintext
1.
2.
3.
4.
5.
6.
<table width="100">
<tr><td><a href="1.html">ссылка  1 </td></tr>
<tr><td><a href="2.html">ссылка  2 </td></tr>
<tr><td><a href="3.html">ссылка  3 </td></tr>
<tr><td><a href="44444.html">ссылка  44444 </td></tr>
</table>
Здесь ссылкой является только сам текст.
А как сделать так, что бы ссылкой была вся ячейка таблицы?
...
Рейтинг: 0 / 0
02.02.2010, 01:53:17
    #36443411
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<body onload="alter_table()">

<table width="100">
<tr><td><a href="1.html">ссылка  1 </td></tr>
<tr><td><a href="2.html">ссылка  2 </td></tr>
<tr><td><a href="3.html">ссылка  3 </td></tr>
<tr><td><a href="44444.html">ссылка  44444 </td></tr>
</table>

<script>
function alter_table(id){
var links = document.links;
for(var i= 0 ;i<links.length;i++){
if(links[i].parentNode.tagName == 'TD'){
links[i].parentNode.onclick = function (){location.href=links[i].href}
}
}
</script>
...
Рейтинг: 0 / 0
02.02.2010, 08:27:17
    #36443514
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
Ренат , т.е. вот так?

Код: plaintext
<td onclick='location.href="1.html"'>ссылка  1 </td>
...
Рейтинг: 0 / 0
02.02.2010, 08:31:09
    #36443517
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
Cerber-88А как сделать так, что бы ссылкой была вся ячейка таблицы?
Как вариант...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<html>
<head>
<title></title>
<style type="text/css">
td a {
	width:  100 %;
}
</style>
 
</head>
<body>
<table width="100" border='1'>
<tr><td><a href="1.html">ссылка  1 </a></td></tr>
<tr><td><a href="2.html">ссылка  2 </a></td></tr>
<tr><td><a href="3.html">ссылка  3 </a></td></tr>
<tr><td><a href="44444.html">ссылка  44444 </a></td></tr>
</table>
</body>
</html>

И не забываей закрывать теги ссылок... ;)
...
Рейтинг: 0 / 0
02.02.2010, 08:35:00
    #36443520
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
krvsa
Код: plaintext
1.
2.
3.
4.
5.
<style type="text/css">
td a {
	width:  100 %;
}
</style>
 

Такое прокатывает только в ИЕ6.0... Тогда усилим т.с. нажим!

Код: plaintext
1.
2.
td a {
	display: block;
}
...
Рейтинг: 0 / 0
02.02.2010, 11:00:02
    #36443849
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
krvsa Ренат , т.е. вот так?

Код: plaintext
<td onclick='location.href="1.html"'>ссылка  1 </td>


тссс, не пали, пашет скрипт же... а че на самом деле генерирует молчок
...
Рейтинг: 0 / 0
02.02.2010, 12:06:27
    #36444081
Cerber-88
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
Это понятно, но хотелось бы без javascript'ов.
Как тут выкрутиться?
...
Рейтинг: 0 / 0
02.02.2010, 14:38:29
    #36444624
Korcar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
убрать все паддины у ячеек и маргины у контента XD
...
Рейтинг: 0 / 0
02.02.2010, 15:37:32
    #36444819
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
Cerber-88Это понятно, но хотелось бы без javascript'ов.
Как тут выкрутиться?
Мой последний вариант ЦССки это как раз и делает...
...
Рейтинг: 0 / 0
02.02.2010, 17:27:37
    #36445234
Cerber-88
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
krvsa , спасибо.

Еще пришел к такому решению:
Код: plaintext
1.
<tr><td><a href="1.html"><div width="160">Ссылка</div></a></td></tr>
...
Рейтинг: 0 / 0
02.02.2010, 17:36:15
    #36445270
Cerber-88
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
krvsaМой последний вариант ЦССки это как раз и делает...
Все-таки Ваш вариант получше будет! Сенкс. =))
...
Рейтинг: 0 / 0
02.02.2010, 17:38:03
    #36445279
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
krvsa,

ИМО, правильнее всё таки отделять JS от верстки.
...
Рейтинг: 0 / 0
02.02.2010, 23:12:47
    #36445862
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
an0nymkrvsa,

ИМО, правильнее всё таки отделять JS от верстки.
ты эт наверное мне хотел сказать)
...
Рейтинг: 0 / 0
03.02.2010, 10:15:54
    #36446288
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
Cerber-88Еще пришел к такому решению:
Код: plaintext
1.
<tr><td><a href="1.html"><div width="160">Ссылка</div></a></td></tr>

Это не валидно... Не рекомендуется вставлять блочный элемент в строчный.
...
Рейтинг: 0 / 0
03.02.2010, 10:55:39
    #36446394
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
Ренат,

за <body onload="alter_table()"> и тебе тоже, но всё же пост был адресован правильно.
...
Рейтинг: 0 / 0
03.02.2010, 14:08:28
    #36447104
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
an0nym , а где я совместил JS и вёрстку?
...
Рейтинг: 0 / 0
03.02.2010, 14:26:54
    #36447173
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
krvsa Ренат , т.е. вот так?

Код: plaintext
<td onclick='location.href="1.html"'>ссылка  1 </td>
...
Рейтинг: 0 / 0
03.02.2010, 14:29:03
    #36447183
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка всей ячейки таблицы.
an0nym , так это я Ренат а подколол с его примером "переделывания" скриптом. "Чисто" мои примеры только с ЦСС...
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ссылка всей ячейки таблицы. / 18 сообщений из 18, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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