Bezkeroon: Tabelle mit Rahmen pro Zeile

Beitrag lesen

Hi

probiers mal so:

  
<HTML>  
 <HEAD>  
  <TITLE>Tabellentest</TITLE>  
  <style type="text/css">  
   table.mytable {  
    width: 248px;  
    border-collapse: collapse;  
    border: solid 2px #006666;  
   }  
  
   table.mytable td {  
    border-top: solid 2px #006666;  
    border-bottom: solid 2px #006666;  
   }  
  
  
   table.mytable input {  
    height: 11px;  
    font-size: 9px;  
    float: right;  
  
   }  
  </style>  
 </HEAD>  
 <BODY>  
  <TABLE class="mytable">  
   <TR>  
    <TD>Zeile 1</TD>  
    <TD><INPUT type="text" name="x1" /></TD>  
   </TR>  
   <TR>  
    <TD>Zeile 2</TD>  
    <TD><INPUT type="text" name="x2" /></TD>  
   </TR>  
   <TR>  
    <TD>Zeile 3</TD>  
    <TD><INPUT type="text" name="x3" /></TD>  
   </TR>  
  </TABLE>  
 </BODY>  
</HTML>  

Jetzt hat die Tabelle nen Rahmen und die Zellen oben und unten. Durch das border-collapse haste den gleichen effekt wie wenn Du nur nen Zeilenrahmen setzt, nur dass es so auch im Internet Explorer geht.

Grüße

Bezkeroon