Javascript-форум - Показать сообщение отдельно

farand_777 · #3 (**permalink**) 15.11.2013, 01:04

<body>   
    <table border="1">
        <tr id="one">
            <td>Table</td>
            <td>Table</td>
            <td>Table</td>
            <td>Table</td>
            <td>Table</td>
        </tr>
        <tr id="two">
            <td>Table</td>
            <td>Table</td>
            <td>Table</td>
            <td>Table</td>
            <td>Table</td>
        </tr>     
    </table>
</body>

table {
    margin: 0 auto;
}
tr:hover {
    background: aqua;
}
/* Класс контекстного меню: */ 
.context-menu {
    position: absolute;
    display: none;
    background-color: #fff;  
    border: 1px solid #333;
    -moz-box-shadow: -5px 2px 10px rgba(0,0,0,0.5);     
    -webkit-box-shadow: -5px 2px 10px rgba(0,0,0,0.5);     
    box-shadow: -5px 2px 10px rgba(0,0,0,0.5); 
}  

    .context-menu ul { list-style: none; margin: 0; padding: 0; }              
    .context-menu ul li { margin: 0; padding: 0; background-color: #fff; display: block; }  

    .context-menu ul li a { color: #333; text-decoration: none; font-size: 12px; display: block; padding: 5px; }              
    .context-menu ul li a:hover { background-color: #eee; }