1. Задавайте здесь вопросы о коде, которые не подходят в другие разделы, такие как:
    Дизайн > Верстка
    PHP > Как сделать на PHP
    Скрыть объявление

Как добавить смену цвета таблиц в css, помогите!

Тема в разделе "Web Coding", создана пользователем Skamer, 24 авг 2007.

Статус темы:
Закрыта.
Модераторы: latteo
  1. Skamer

    Skamer Постоялец

    Регистр.:
    1 дек 2006
    Сообщения:
    116
    Симпатии:
    73
    Привет великие кодеры html =)

    есть код:

    PHP:
    <table width=60border=1 cellspacing=0 cellpadding=4 bordercolor=#333333 align=center>
    <tr
    <
    td align=center bgcolor=#CCCCCC onMouseOver="this.style.background='#FFCC33'" onMouseOut="this.style.background='#CCCCCC'" onClick="document.location='1.html'" style="cursor: hand"><a href="link1.htm">Сцылко</a></td>
    </tr>
    </
    table>
    При наведении на ячейку меняется ее цвет.

    Как мне сделать тоже самое, только прописать в стилях css?
    То есть, как мне прописать в css чтобы при наведении на ячейку таблицы, она меняла цвет. Заранее спасибки
     
  2. Jameson

    Jameson Читатель

    Заблокирован
    Регистр.:
    25 июн 2007
    Сообщения:
    406
    Симпатии:
    92
    Вообще по идее так:
    Код:
    <style type="text/css">
    td:hover {background-color:#CCC;}
    </style>
    
    но вот проблемка - IE не умеет :hover в отношении элементов, не являющихся якорями <a>. Так что у тебя сейчас, в принципе, правильно, только
    onClick="document.location='1.html'" лишнее.
    И еще - cursor: pointer, hand не будет работать в FF.
     
  3. shell

    shell Прохожие

    Код:
    #links a{
    display: block;
    width: 100%;
    border: 1px solid #333333;
    background: #CCCCCC;
    padding:4px;
    }
    #links a:hover{
    background: #FFCC33;
    }
    
    Код:
    <table width="60%" cellspacing=0 cellpadding=0 align=center> <tr> 
    <td align=center id="links"><a href="link1.htm">Сцылко</a></td> 
    </tr> 
    </table>
    
     
Статус темы:
Закрыта.