Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: OnMouseOver
 
 автор: Jaroslav   (10.05.2006 в 19:34)   письмо автору
 
 

Здравствуйте!
Подскажите, пожалуйста, как реализовать такую задачку.

Есть таблица:


<table border="0" style="border-color:#FFF500; border-style:solid; border-width:1px ">
<tr><td> <a href=”#1”>123</a> </td></tr>
<tr><td style="font-size:12px; font-family:tahoma,arial,helvetica; font-weight:bold; border-color:#FFF500; border-style:solid; border-width:0px; border-top-width:1px ">
<a href="#1">111</a>
</td><tr></table>


Рамка желтая. Необходимо сделать так, чтобы при подводе к ссылкам (123, 111) рамка вокруг таблицы (и между ячейками) становилась черная! И еще жедательно, чтобы вторая ячейка заливалась черным цветом. И, если возможно, чтобы нормально отображадась не только в IE, но и в Natscape Navigator :)

Спасибо.

С уважением,
Ярослав.

   
 
 автор: Бог Зайцев   (10.05.2006 в 20:26)   письмо автору
 
   для: Jaroslav   (10.05.2006 в 19:34)
 

Если я правиль понял, о чем ты, самое безболенненное, что я могу придумать, учитывая возможность увеличения количества столбцов:


<table  onmouseover = "document.getElementById

('t1').style.backgroundColor='black'" onmouseout = 

"document.getElementById('t1').style.backgroundColor='#FFF500'"  border="0" 

style="background-color:#FFF500; " id = "t1" cellpadding = 2 cellspacing = 

1>
<tr><td style = "background-color:white; "> <a href=”#1”>123</a> </td></tr>
<tr><td style="font-size:12px; font-family:tahoma,arial,helvetica; font-

weight:bold; background-color:white; ">
<a href="#1" >111</a>
</td><tr></table>

   
 
 автор: Jaroslav   (10.05.2006 в 23:07)   письмо автору
 
   для: Бог Зайцев   (10.05.2006 в 20:26)
 

Спасибо!
Как раз то, что нужно!!!

   
 
 автор: 12345   (10.05.2006 в 23:24)   письмо автору
 
   для: Бог Зайцев   (10.05.2006 в 20:26)
 

Каскадные стили:

<style>
.ylu .colr{background-color:#FFF500}
.blk .colr{background-color:black}
</style>
<div class=ylu onmouseover=this.className='blk'
     onmouseout=this.className='ylu' style=width:10px>
<table class=colr border=0 style=width:10px><tr>
  <td bgcolor=white><a href=#1>12345</a></td>
</tr><tr>
  <td class=colr><a href=#2>67890</a></td>
<tr></table>
</div>

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования