I needed a valid layout, I made it, corrected all the errors, both with HTML and with CSS. The catch is that now the table does not change at all, does not respond to any way of manipulation.

Here is the actual table

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div id="data"> <table id="table"> <tr> <td></td> <td class="data_1 data_2"> <img src="images/eye.png" alt="eye" /> </td> <td class="data_1 data_3"> <img src="images/dialog.png" alt="dialog" /> </td> <td class="data_1 data_4"> <img src="images/catalog.png" alt="catalog" /> </td> <td class="data_1 data_5"> <img src="images/catalog1.png" alt="catalog1" /> </td> <td class="data_1 data_6"> <img src="images/rever.png" alt="rever" /> </td> </tr> <tr> <td class="data_1 data_0"> <a href="#" class="laws">Законопроекты</a> </td> <td class="data_1 data_2"> <p class="eye">6.2 K</p> </td> <td class="data_1 data_3"> <p class="eye">48 K</p> </td> <td class="data_1 data_4"> <p class="eye">112</p> </td> <td class="data_1 data_5"> <p class="eye">400</p> </td> <td class="data_1 data_6"> <p class="eye">15:25 | 24.04.2012</p> </td> </tr> <tr class="test"> <td class="data_1 data_0"> <a href="#" class="laws">Проекты постановления Правительства</a> </td> <td class="data_1 data_2"> <p class="eye">2.1 K</p> </td> <td class="data_1 data_3"> <p class="eye">21 K</p> </td> <td class="data_1 data_4"> <p class="eye">25</p> </td> <td class="data_1 data_5"> <p class="eye">207</p> </td> <td class="data_1 data_6"> <p class="eye">16:04 | 24.04.2012</p> </td> </tr> <tr class="test"> <td class="data_1 data_0"> <a href="#" class="laws">Проекты технических Регламентов</a> </td> <td class="data_1 data_2"> <p class="eye">3.0 K</p> </td> <td class="data_1 data_3"> <p class="eye">12 K</p> </td> <td class="data_1 data_4"> <p class="eye">145</p> </td> <td class="data_1 data_5"> <p class="eye">358</p> </td> <td class="data_1 data_6"> <p class="eye">15:05 | 24.04.2012</p> </td> </tr> <tr class="test"> <td class="data_1 data_0"> <a href="#" class="laws">Проекты Таможенного Союза</a> </td> <td class="data_1 data_2"> <p class="eye">5.6 K</p> </td> <td class="data_1 data_3"> <p class="eye">42 K</p> </td> <td class="data_1 data_4"> <p class="eye">68</p> </td> <td class="data_1 data_5"> <p class="eye">116</p> </td> <td class="data_1 data_6"> <p class="eye">16:24 | 24.04.2012</p> </td> </tr> <tr class="test"> <td class="data_1 data_0"> <a href="#" class="laws">Планы мероприятий</a> </td> <td class="data_1 data_2"> <p class="eye">0.6 K</p> </td> <td class="data_1 data_3"> <p class="eye">8 K</p> </td> <td class="data_1 data_4"> <p class="eye">211</p> </td> <td class="data_1 data_5"> <p class="eye">502</p> </td> <td class="data_1 data_6"> <p class="eye">12:48 | 24.04.2012</p> </td> </tr> <tr class="test"> <td class="data_1 data_0"> <a href="#" class="laws">Тарифыне и не тарифные меры регулирования</a> </td> <td class="data_1 data_2"> <p class="eye">1.5 K</p> </td> <td class="data_1 data_3"> <p class="eye">15 K</p> </td> <td class="data_1 data_4"> <p class="eye">13</p> </td> <td class="data_1 data_5"> <p class="eye">45</p> </td> <td class="data_1 data_6"> <p class="eye">13:00 | 24.04.2012</p> </td> </tr> <tr class="test"> <td class="data_1 data_0"> <a href="#" class="laws">Приказы государственных органов</a> </td> <td class="data_1 data_2"> <p class="eye">2.0 K</p> </td> <td class="data_1 data_3"> <p class="eye">38 K</p> </td> <td class="data_1 data_4"> <p class="eye">12</p> </td> <td class="data_1 data_5"> <p class="eye">98</p> </td> <td class="data_1 data_6"> <p class="eye">15:25 | 24.04.2012</p> </td> </tr> </table> </div> 

Closed due to the fact that off-topic participants VenZell , fori1ton , AntonioK , Pavel Mayorov , PashaPash 7 May '15 at 8:54 .

It seems that this question does not correspond to the subject of the site. Those who voted to close it indicated the following reason:

  • "Questions asking for help with debugging (" why does this code not work? ") Should include the desired behavior , a specific problem or error, and the minimum code for playing it right in the question . Questions without an explicit description of the problem are useless for other visitors. See How to create minimal, complete, repeatable example . " - VenZell, fori1ton, AntonioK, Pavel Mayorov, PashaPash
If the question can be reformulated according to the rules set out in the certificate , edit it .

  • one
    A code validation, it is so)) is not always useful. - Oleg Arkhipov
  • How do you change your spreadsheet? - Nicolas Chabanovsky
  • @gold screenshot at least show that you are changing. - Yura Ivanov

1 answer 1

What you have a mistake I do not know, but:

  1. In HTML5, another DOCTYPE. Or you have a layout not under 5?
  2. Why does everyone p class ? You use it in the whole table only with this class and no more. Just bind to the id this table also p with the desired class. The code is reduced immediately.

Actually, the question is, how should the table change? You can not edit it, or she somehow mysteriously blinked there when you hover the mouse?

  • No, it hasn't grown to 5 yet. It has stretched from me and does not want to shrink using CSS. There is no claim to the code yet, valid, but I will shorten it as a tip)) - Goldy
  • It would be great to see the site where this code is implemented. If this is a secret, then I advise you to install Google Chrome, go to the site and press F12. There you will see a code. By clicking on certain of its lines, you can see the styles that affect it. Check, can you have there just a replacement :) - Dante
  • I have FF11 + Firebug, I put the DOCTIPE layout in place, the table (above) becomes elongated, and without it everything is set up with CSS. - Goldy