Форум

Kikoma · #1 (**permalink**) 25.05.2014, 08:05

Есть таблица из повторяющихся строк. Подскажите как сделать чтобы при hover выделялись две строки???

<table>
   <tr>
       <td rowspan="2">id</td>
       <td rowspan="2">img</td>
         <td>Title</td>
       <td rowspan="2">something else</td>
   </tr>
   <tr>
       <td>describe</td>
   </tr>
</table>

ruslan_mart · #2 (**permalink**) 28.05.2014, 05:49

http://learn.javascript.ru/play/UMFrec

<!DOCTYPE HTML>
<html>
  <head>
    <style type="text/css">
      table td {
        border: 1px solid #333;
        height: 50px;
        width: 300px;
      }
      table tr:hover, table tr:hover + tr {
        background: yellow;
      }
    </style>
  </head>
  <body>

    <table>
      <tbody>
        <tr>
          <td>1</td>
          <td>1</td>
        </tr>
        <tr>
          <td>2</td>
          <td>2</td>
        </tr>
        <tr>
          <td>3</td>
          <td>3</td>
        </tr>
        <tr>
          <td>4</td>
          <td>4</td>
        </tr>
        <tr>
          <td>5</td>
          <td>5</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

Форум

Справочник

Discord чат

Курсы javascript