Tipps und Tricks




Tipps für Tabellen

     Feine Gitternetzlinien
- koennen mit rules im tabel tag definiert werden, border muss groesser0 sein damit eine linei angezeigt wird.(IE8 zeigt bei cellspacing groesser0 zwei Linien an)

feine Zeilenlinien,
der Teil des Quelltextes.

<table rules="rows" width="400" border="1" cellspacing="2"
         cellpadding="2" align="center">
      <tbody>
         <tr>
           <td valign="top"><br>......

und das Ergebnis














dieselbe Tabelle mit Anzeige der Spalten, Teil des Quelltextes

<table rules="cols" width="400" border="1" cellspacing="0"
         cellpadding="2" align="center">
      <tbody>
         <tr>
           <td valign="top"><br>......

und das Ergebnis














dieselbe Tabelle mit feinen Gitternetzlinien alles, der Teil des Quelltextes

<table rules="all" width="400" border="1" cellspacing="2"
         cellpadding="2" align="center">
      <tbody>
         <tr>
           <td valign="top"><br>......

und das Ergebnis














Normale Tabelle, border=1, aussen- und Innenabstand jeweils 2px

<table align="center" width="400" border="1" cellspacing="2" cellpadding="2">
     <tbody>
         <tr>....

und so siehts aus

















Tabelle mit Rahmen um einzelne Zellen
in verschiedenen Rahmenstaerken 1px-3px
<table align="center" width="400" border="0" cellspacing="7" cellpadding="2">
     <tbody>
         <tr>
            <td width="33%" valign="top" style="border: 1px solid rgb(255, 255, 51);"
onmouseover="this.bgColor='#999999'" onmouseout="this.bgColor=''">
......





















weitere Tabellentipps -runde Ecken, -Zeilen u Spalten aendern Farbe

mehr Infos dazu auch unter http://de.selfhtml.org -gitternetz

Home