HTML+CSS+JavaScript

насчет рациональности, это точно. мне главное чтоб работало.
вот счего я начинал:
http://www.monella.ru/html/card.html

сейчас вот это

http://www.monella.ru/html/script/card.html

-изначано подсветка ссылок была css, сейчас - javascropt.

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

1.
Расскажи подробнее где и как это используется, потому что я мало понимаю, для чего это нужно, но твой вариант не кажется самым рациональным
2.
Свойства CSS, отвечающие за границу:
border-width - указывается ширина в пикселях
border-color - Цвет границы
border-style - Стиль границы, возможные значение: none | dotted | dashed | solid | double | groove | ridge | inset | outset
3.
В dhtml к ксс-свойствам содержашим дефис обращаются следующим образом: Дефис убирается, а слудущая за ним буква становится заглавным
border-width ->> borderWidth
border-color ->> borderColor
border-style ->> borderStyle
4.
Вот пример - делаем черную сплошную границу элементу element

element.style.borderStyle='solid'; element.style.bordercolor='black'; element.style.borderwidth='2px';

5.
CSS так же позволяет сократить это, присвоив все эти значения через пробел св-ву border в любом порядке. Выглядит это так:

element.style.border=' black 2px solid';

спасибо, уту часть сделал:

<table cellpadding="0" cellspacing="4" > <tr height="26" align="center"><td width="50"> <a href="#1" class="sh_color" style="background:#fffccc;" id='color1' onMouseOver="this.style.border='solid #a1ffcf 2px'" onMouseOut="eff_out(1)" onClick ="changeColor(1); return false;">&nbsp;</a> </td><td width="50"> <a href="#2" class="sh_color" style="background:#fffccc;" id='color2' onMouseOver="this.style.border='solid #a1ffcf 2px'" onMouseOut="eff_out(2)" onClick ="changeColor(2); return false;">&nbsp;</a> </td><td width="50"> <a href="#3" class="sh_color" style=" background:#ff2525;" id='color3' onMouseOver="this.style.border='solid #a1ffcf 2px'" onMouseOut="eff_out(3)" onClick ="changeColor(3); return false;">&nbsp;</a> </td></tr> <tr height="26" align="center"><td width="50"> <a href="#4" class="sh_color" style=" background:#ffa12f;" id='color4' onMouseOver="this.style.border='solid #a1ffcf 2px'" onMouseOut="eff_out(4)" onClick ="changeColor(4); return false;">&nbsp;</a> </td></tr> </table>

var total_color=4; var s_naw=""; function changeColor(par){     if(s_naw>0){     t = document.getElementById('color'+s_naw);     t.style.border='solid silver 1px';}     s_naw=par; } function eff_out(par){     //alert(par);     if(s_naw==par){             }else{     t = document.getElementById('color'+par);     t.style.border='solid silver 1px';     } }

Вы не забывайте что с вашими ссылками страница просто обновляется..

this не пойдет - сслылок несколько - по умолчанию у всех бордер в 1px, при наведение - 2px и при клике - 2px. одновременно может быть выбрана только одна ссылка - по этому приходиться переустанавливать бордер у всех.

document.getElementById('element_id').style.style_elemnt= ...

Для того чтоб при нажатии на ссылку ей прибавлялся бордюр
document.getElementById('element_id') можно заменить на this
тогда и перебирать ссылки не придётся..

<a href="#" class="sh_color" style="background:#fffccc;" id='color1'   onClick ="this.style.border=1+'px'; return false;">&nbsp;</a>

имеется:

<a href="#" class="sh_color" style="background:#fffccc;" id='color1'  onClick ="changeColor(1); return false;">&nbsp;</a> <a href="#" class="sh_color" style="background:#fffccc;" id='color2'  onClick ="changeColor(2); return false;">&nbsp;</a> .......

<script type="text/javascript"> var total_color=4; function changeColor(par){     for(i=1;i<=4;i++){     t = document.getElementById('color'+par);         if(i==par){             t.style.border=2;                              }     } } </script>

нужно задать ссылкам бордюр определенного цвета. вопрос: как добраться до цвета бордюра

//если есть возможность, напишите как обращаться к другим элементам стиля