<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Tabellen- und Zellenränder, Zellenabstand - Cascading Style Sheets - Workshop Internet-Präsenz</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="DE" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="description" content="Übung Cascading Style Sheets. Tabellen- und Zellenränder, Zellenabstand." /> <meta name="keywords" content="HTML, Cascading Style Sheets" /> <meta name="author" content="Roland Unger" /> <style type="text/css"> <!-- table { border: 3px solid #0000ff; border-spacing: 10px 20px; } td { border: 3px solid #000; border-spacing: 10px; padding: 0.5em; } --> </style> </head> <body> <h1>Workshop Internet-Präsenz</h1> <h2>Tabellen- und Zellenränder, Zellenabstand - Cascading Style Sheets</h2> <p>Nachfolgende Tabelle zeichnet Ränder für Tabellenzellen und die Tabelle selbst. Weiterhin lassen sich padding und Randabstände vereinbaren. Der Internet Explorer 6 interpretiert die Angabe <em>border-spacing</em> nicht. Hier müssen Sie zusätzlich im <table>-Tag das Attribut <em>cellspacing</em> notieren.</p> <table summary="Datentabelle" cellspacing="10"> <tbody> <tr> <td>Zelle 11</td> <td>Zelle 12</td> <td>Zelle 13</td> </tr> <tr> <td>Zelle 21</td> <td>Zelle 22</td> <td>Zelle 23</td> </tr> </tbody> </table> </body> </html>