Выделение в таблице строки

Discussion in 'PHP' started by Graf I, 11 Apr 2008.

  1. Graf I

    Graf I Banned

    Joined:
    30 Jan 2008
    Messages:
    47
    Likes Received:
    1
    Reputations:
    0
    Как сделать чтобы в таблице, строка выделялась при наведение на неё?
     
  2. hackconnect

    hackconnect Elder - Старейшина

    Joined:
    8 Mar 2007
    Messages:
    49
    Likes Received:
    5
    Reputations:
    0
    js событие OnMouseOver - меняй this.style.color или че-то в этом роде
     
  3. astrologer

    astrologer Elder - Старейшина

    Joined:
    30 Aug 2007
    Messages:
    837
    Likes Received:
    267
    Reputations:
    59
    Code:
    <style type="text/css">
    tr:hover
    {
      background: #777;
      color: #EEE;
    }
    </style>
     
  4. GreenBear

    GreenBear наркоман с медалью

    Joined:
    7 May 2005
    Messages:
    2,548
    Likes Received:
    1,397
    Reputations:
    612
    ff, opera, ie7 (ие7 насколько помню только в строгом доктайпе)
    this.style.backgroundColor = '';

    ну это если со скриптом...
     
  5. hackconnect

    hackconnect Elder - Старейшина

    Joined:
    8 Mar 2007
    Messages:
    49
    Likes Received:
    5
    Reputations:
    0
    да, чет про ховер я забыл :d как можно. конечно делай по ховеру. Если для части таблиц, пиши класс.
     
  6. Graf I

    Graf I Banned

    Joined:
    30 Jan 2008
    Messages:
    47
    Likes Received:
    1
    Reputations:
    0
    Чего то неполучаеться, может это изза того что таблица в php?
     
  7. hackconnect

    hackconnect Elder - Старейшина

    Joined:
    8 Mar 2007
    Messages:
    49
    Likes Received:
    5
    Reputations:
    0
    что значит таблица в php?

    смотри вывод и ищи там - есть ли то что ты хочешь?
     
  8. Graf I

    Graf I Banned

    Joined:
    30 Jan 2008
    Messages:
    47
    Likes Received:
    1
    Reputations:
    0
    у меня таблица такого типа

    Code:
    <table class='table' width='80%' align='center' cellpadding='0' cellspacing='0'>
      <tr>
        <th class='mon' style='border-style: none;' height='30'><div align='left'><b>1</b></div></th>
        <th class='mon' style='border-style: none;' height='30'><div align='left'><b>2</b></div></th>
        <th class='mon' style='border-style: none;' height='30'><div align='left'><b>3</b></div></th>
        <th class='mon' style='border-style: none;' height='30'><div align='center'><b>4</b></div></th>
        <th class='mon' style='border-style: none;' height='30'><div align='center'><b>5</b></div></th>
        <th class='mon' style='border-style: none;' height='30'><div align='center'><b>6</b></div></th>
      </tr>
     
  9. SeGaLWS

    SeGaLWS Elder - Старейшина

    Joined:
    13 Jan 2008
    Messages:
    38
    Likes Received:
    8
    Reputations:
    0
    попробуй заменить
    HTML:
    <style type="text/css">
    td{
    background-color: white;
    }
    td:hover{
    background-color: black;
    }
    </style>
    на
    HTML:
    <style type="text/css">
    th{
    background-color: white;
    }
    th:hover{
    background-color: black;
    }
    </style>
    если не поможет то плюс к этому попробуй удалить style='border-style: none;'