Ссылка - ячейка таблицы??

DanTe-Fr · December 22, 2007

——————————————————————————--

Меня заинтересовал один момент. Пример, по этой ссылке - http://evapco.ro/index.php. Как в нижнем фрейме сделан перечень товаров? Я так понимаю, это таблица. Но вот подобрать код пока не получается, чтобы добится такого же эффекта. Как можно сделать кажду ячейку отдельной ссылкой?

У меня получается сделать ссылкой в ячейке, либо текст, либо картинку, либо наоборот пустое поле(без текста и картинки). А как его сделать так, как здесь? Чтобы вся ячейка была ссылкой, еще и подсвечивалась при наведении курсора? Надеюсь, я нормально обьянил, в чем проблема, и вы меня поймете=)

Буду бесгранично признателен за обьяснения и по возможности пример кода.

Dimitry Wolotko · December 22, 2007

В Лягушатник.

D.S.Denton · December 22, 2007

подсветка ячейки - приписываем к ней события onmouseover и onmouseout

ячейка-ссылка - событие onclick

если непонятно, вначале используем поиск по этому форуму, затем попытки реализовать уже на обсуждение:+)

Dimitry Wolotko · December 22, 2007

D.S.Denton, в этом разделе в поиск не отправляют.

D.S.Denton · December 22, 2007

сорри, не обратил внимания на раздел

тогда вот пример

<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title> </title>
<style type="text/css" media="screen">
td {background-color:lime;}
</style>
<script language="javascript" type="text/javascript">
 function Go(uri) {location.href = 'http://' + uri;}
 function MouseOver(elm) {document.getElementById(elm).style.backgroundColor = 'green';}
 function MouseOut(elm) {document.getElementById(elm).style.backgroundColor = 'lime';}
</script>
</head>

<body>
<table border="0" cellspacing="0" cellpadding="1" width="300"><tbody><tr>
 <td id="td11" onclick="Go('htmlbook.ru/html/');" onmouseover="MouseOver(this.id);" onmouseout="MouseOut(this.id);"><a href="http://htmlbook.ru/html/">html</a></td>
 <td id="td12" onclick="Go('htmlbook.ru/css/');" onmouseover="MouseOver(this.id);" onmouseout="MouseOut(this.id);"><a href="http://htmlbook.ru/css/">css</a></td>
</tr></tbody></table>
</body>

</html>

DanTe-Fr · December 26, 2007

Только добрался до нета. Спасибо большое за пример! Правда до конца пока не разобрался. Когда я запускаю его через HomeSite, вс? работает корректно. Но стоит сохранить документ и открыть его в браузере, как "подсвечивание" перестает работать.

Vlad · December 26, 2007

Попробуй не через HomeSite сохранять, а через блокнот к примеру.

Dimitry Wolotko · December 26, 2007

По моему опыту подобных косяков HS не замечано, а версия какая?

DanTe-Fr · December 26, 2007

HS - 4.5. Но пробовал через блокнот сохранять, тоже не работает. Единственное, где работает, это при нажатии F12 в HS...

Dimitry Wolotko · December 26, 2007

F12 в HS - это просмотр в IE той версии, что у вас установлена.

DanTe-Fr · December 27, 2007

То есть, при просмоте в ИЕ все нормально, а в опере(работаю с этим браузером) не работает??

D.S.Denton · December 28, 2007

перепроверил - лиско 3 альфа + ие 6 все работает... хм. подозреваю что причина в маааааленькой желтой полоске в ие поверху окна, которая при открытии документа говорит о блокировке скриптов. и конечно разрешить их использваниие мы не догадывемся:+)

Dimitry Wolotko · December 28, 2007

Запрещает небось только на локали? На удал?нке вс? хорошо? =)

DanTe-Fr · December 31, 2007

Н-да, действительно это было из-за запрета использования скриптов=)) Спасибо огромное!

Теперь возникли следующие вопросы. Опять же, по сайту, на который приведена ссылка в моем первом посте. Как в каждую ячейку таблицы, корректно разместить картинку и текст, имеенно там, где это нужно(как в примерочном сайте). Уже всякие варианты попробовал над TD и TR...не получается(((

D.S.Denton · December 31, 2007

а это кросспостинг называется... в новом созданном тобой топике уже ответили - курить в сторону бэкграунда

DanTe-Fr · January 9, 2008

Посмотрел по указанной ссылке. Пытаюсь использовать приведенные параметры, но результата нет. Например, такая запись ничего не дает -

TITLE 1 .

Если вставлять это - "td bgcolor="red"> " в

результата тоде ноль. Как же ими пользоваться(((

D.S.Denton · January 9, 2008

td.redclass {background-color: red;}

...

TEXT

Sign In

Ссылка - ячейка таблицы??

Question

Link to comment

Share on other sites

16 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Обсуждения

Important Information