VPF::ссылка- таблица - Форум программистов

rthsobakas

Дата 17.5.2008, 19:23 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Awaiting Authorisation
Сообщений: 562
Регистрация: 20.9.2007

Репутация: нет
Всего: -1

вообщем ща попытаюсь объяснить:

<table>
<tr>
<td>
<a href=""> SIlka</a>
</td>
</tr>

</table>

Предположим при наведении на ячейку таблицы она "загорается" , в ней ссылка. Если нажать на ссылку она откроет что то, а что добавить в коде чтобы ссылкой была ячейка(а не тока текст)? вообщем если кто понял , то скажите пз , если нет продолжу дальше объяснять))

Zorak

Дата 17.5.2008, 19:33 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 720
Регистрация: 13.11.2007

Репутация: нет
Всего: 3

ммм я не понял по поводу "ячейка" =)...и как она должна загореться ?

--------------------

Знание - сила. А сила есть, ума не надо...
Занимаюсь интернет бизнесом и ищу новых партнеров. Кому интересно - обращайтесь в ЛС, скайп или мыло.

rthsobakas

Дата 17.5.2008, 19:38 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Awaiting Authorisation
Сообщений: 562
Регистрация: 20.9.2007

Репутация: нет
Всего: -1

Код


<td    align="center" width="100" bgcolor="lightgreen" style="cursor:hand;"  onMouseover='this.style.background="#81AFff";' onMouseOut='this.style.background="lightgreen"'>


<font face="Arial" size="1" color="black"><a href="" class="navText"> </a></font>

</td>

ячейка таблицы имеется ввиду

Zorak

Дата 17.5.2008, 19:46 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 720
Регистрация: 13.11.2007

Репутация: нет
Всего: 3

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

--------------------

rthsobakas

Дата 17.5.2008, 19:52 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Awaiting Authorisation
Сообщений: 562
Регистрация: 20.9.2007

Репутация: нет
Всего: -1

сделать можно!
у меня товарищ сделал в дримвеере ,но объяснить что именно изменилось не может)
причем после изучения кода я тоже врубится не могу че там особенного)
не для рекламы конечно
там менюшка есть и там безразницы в каком месте ячейки щелкать, ссылка откроется!

Это сообщение отредактировал(а) rthsobakas - 25.6.2010, 22:38

Zorak

Дата 17.5.2008, 20:16 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 720
Регистрация: 13.11.2007

Репутация: нет
Всего: 3

ммм мне даже тоже интересно стало) поищу инфу по поводу етого, если что узнаю, сразу скажу =)

Это сообщение отредактировал(а) Zorak - 17.5.2008, 20:18

--------------------

almagnit

Дата 17.5.2008, 20:49 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 283
Регистрация: 3.4.2008

Репутация: 2
Всего: 7

Вот пользуйтесь на здоровье :

Код


<TABLE id="yar1" style="width:250; border-style:solid; border-width:1; margin:0; padding:0">
<TR>
    <TD id="ya1" onclick="doit('1');" onmouseover="paint('1');" onmouseout="repaint('1');" style="padding:0; border-style:solid; border-width:1">1</TD>
    <TD id="ya2" onclick="doit('2');" onmouseover="paint('2');" onmouseout="repaint('2');" style="border-style:solid; border-width:1">2</TD>
    <TD id="ya3" onclick="doit('3');" onmouseover="paint('3');" onmouseout="repaint('3');" style="border-style:solid; border-width:1">3</TD>
    <TD id="ya4" onclick="doit('4');" onmouseover="paint('4');" onmouseout="repaint('4');" style="border-style:solid; border-width:1">4</TD>
    <TD id="ya5" onclick="doit('5');" onmouseover="paint('5');" onmouseout="repaint('5');" style="border-style:solid; border-width:1">5</TD>
</TR>
</TABLE>
<script>
var color=[,"white","white","white","white","white"];
/*for(i=1; i<6; i++){
  color[i]="white";
}*/
function paint(n){
document.getElementById('ya'+n).style.backgroundColor = "green";
}
function repaint(n){
document.getElementById('ya'+n).style.backgroundColor = color[n];
}
function doit(n){
if(color[n]=='white'){
    color[n]='red';
}else{
    color[n]='white';
}
repaint(n);
}
</SCRIPT>

Zorak

Дата 18.5.2008, 13:27 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 720
Регистрация: 13.11.2007

Репутация: нет
Всего: 3

Цитата(almagnit @ 17.5.2008, 20:49)

Вот пользуйтесь на здоровье :

Код


<TABLE id="yar1" style="width:250; border-style:solid; border-width:1; margin:0; padding:0">
<TR>
    <TD id="ya1" onclick="doit('1');" onmouseover="paint('1');" onmouseout="repaint('1');" style="padding:0; border-style:solid; border-width:1">1</TD>
    <TD id="ya2" onclick="doit('2');" onmouseover="paint('2');" onmouseout="repaint('2');" style="border-style:solid; border-width:1">2</TD>
    <TD id="ya3" onclick="doit('3');" onmouseover="paint('3');" onmouseout="repaint('3');" style="border-style:solid; border-width:1">3</TD>
    <TD id="ya4" onclick="doit('4');" onmouseover="paint('4');" onmouseout="repaint('4');" style="border-style:solid; border-width:1">4</TD>
    <TD id="ya5" onclick="doit('5');" onmouseover="paint('5');" onmouseout="repaint('5');" style="border-style:solid; border-width:1">5</TD>
</TR>
</TABLE>
<script>
var color=[,"white","white","white","white","white"];
/*for(i=1; i<6; i++){
  color[i]="white";
}*/
function paint(n){
document.getElementById('ya'+n).style.backgroundColor = "green";
}
function repaint(n){
document.getElementById('ya'+n).style.backgroundColor = color[n];
}
function doit(n){
if(color[n]=='white'){
    color[n]='red';
}else{
    color[n]='white';
}
repaint(n);
}
</SCRIPT>

спс =)

--------------------

Fortop

Дата 18.5.2008, 15:46 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2200
Регистрация: 13.11.2007
Где: Донецк

Репутация: нет
Всего: 42

Вообще-то можно в разы проще

CSS

Код


* {
margin:0;
padding:0;
}
a {
    display:block;
}
a:hover {
    background: #C0C0C0;
    color: #707070;
}

HTML

Код


<table>
<tr><td>
<a href="">Текст ссылки</a>
</td></tr>
</table>

Несколько исправил.
Вместо display:inline лучше использовать diplay:block

Это сообщение отредактировал(а) Fortop - 18.5.2008, 15:56

--------------------

Мир это Я.
Живее всех живых.

almagnit

Дата 18.5.2008, 16:33 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 283
Регистрация: 3.4.2008

Репутация: 2
Всего: 7

Цитата(Fortop @ 18.5.2008, 15:46

)

Вообще-то можно в разы проще

Fortop, читай ТЗ:

Цитата(rthsobakas @ 17.5.2008, 19:23

)

Если нажать на ссылку она откроет что то, а что добавить в коде чтобы ссылкой была ячейка(а не тока текст)

Речь шла немного не о том, но пример хороший ( smile

), все никак руки не доходят до нормальной работы с CSS.

Fortop

Дата 18.5.2008, 17:29 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2200
Регистрация: 13.11.2007
Где: Донецк

Репутация: нет
Всего: 42

almagnit, smile

На форуме часто автор сам не знает, что он хочет на самом деле.
Я думаю, для него важно, чтобы при клике в любом месте ячейки происходил переход по ссылке smile

А не жестко принципиально сделать ячейку - ссылкой smile

--------------------

Мир это Я.
Живее всех живых.

ksnk

Дата 25.6.2010, 23:39 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Fortop,

Цитата(Fortop @ 18.5.2008, 15:46

)

a {
    display:block;
}
a:hover {
    background: #C0C0C0;
    color: #707070;
}

Не думаю, что юзер обрадуется, если увидит, что ВСЕ ссылки на странице станут такими smile

Код


table a.block {
    display:block;
}
table a.block:hover {
    background: #C0C0C0;
    color: #707070;
}

Код


<table>
<tr><td>
<a class="block" href="">Текст ссылки</a>
</td></tr>
</table>

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

mcTep

Дата 25.6.2010, 23:57 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 203
Регистрация: 25.2.2009

Репутация: 3
Всего: 6

Код


<style type="text/css">
   td {
       cursor: pointer;
   }
    td.hover {
      background: #ccc;
   }
</style>
<table>
    <tr>
      <td onclick="location.href='http://some.net'" onmouseover="className='hover'" onmouseout="className=''">
         Text
      </td>
    </tr>
</table>

Это сообщение отредактировал(а) mcTep - 26.6.2010, 00:18

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »