Bildergalerie +++ Ereignisse +++ Spiele +++ Tipps & Tricks

<style>
     .t_in {
             border-top: 1px solid white;
             border-bottom: 1px solid black;
             border-left: 1px solid white;
             border-right: 1px solid black;
            }                          
      .t_out {
             border-top: 1px solid black;
             border-bottom: 1px solid white;
             border-left: 1px solid black;
             border-right: 1px solid white;
            }                          
</style>

<table>
  <tr>

   <td id="t1" onmouseover="javascript:document.getElementById('t1').className='t_out';" onmouseout="javascript:document.getElementById('t1').className='t_in';"  > N1 </td>

   <td id="t2" onmouseover="javascript:document.getElementById('t2').className='t_out';" onmouseout="javascript:document.getElementById('t2').className='t_in';"  > N2 </td>

   <td id="t3" onmouseover="javascript:document.getElementById('t3').className='t_out';" onmouseout="javascript:document.getElementById('t3').className='t_in';"  > N3 </td>

   <td id="t4" onmouseover="javascript:document.getElementById('t4').className='t_out';" onmouseout="javascript:document.getElementById('t4').className='t_in';"  > N4 </td>

  </tr>
 </table>