Alle Tabellenzellen mit 1 Pixel Rand mit css?

Dieses Thema im Forum "Web-Editoren" wurde erstellt von mactrisha, 25.03.2004.

  1. mactrisha

    mactrisha Thread Starter MacUser Mitglied

    Beiträge:
    674
    Medien:
    2
    Zustimmungen:
    4
    Mitglied seit:
    27.11.2003
    Hi all,

    wie kann ich diese Tabelle mit css so darstellen, dass jede Zelle eine weiße Umrandung von 1 Pixel hat? Ich krieg das irgendwie nicht hin. Geht das überhaupt?

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <head>
    <title>tabelle</title>
    </head>

    <body bgcolor="#cc9999">
    <table width="738" border="0" cellspacing="0" cellpadding="0" height="480">
    <tr align="center" valign="middle" bgcolor="#ccccff" height="29">
    <td width="123" height="29">Montag</td>
    <td width="123" height="29">Dienstag</td>
    <td width="123" height="29">Mittwoch</td>
    <td width="123" height="29">Donnerstag</td>
    <td width="123" height="29">Freitag</td>
    <td width="123" height="29">Samstag</td>
    </tr>
    <tr height="64">
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    </tr>
    <tr height="64">
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    </tr>
    <tr height="64">
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    </tr>
    <tr height="64">
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    </tr>
    <tr height="64">
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    </tr>
    <tr height="64">
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    </tr>
    <tr height="64">
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    <td width="123" height="64"></td>
    </tr>
    </table>
    </body>

    </html>


    Ich bitte um Hilfe.
    Salü,
    mactrisha.
     
  2. mactrisha

    mactrisha Thread Starter MacUser Mitglied

    Beiträge:
    674
    Medien:
    2
    Zustimmungen:
    4
    Mitglied seit:
    27.11.2003
    So solls mal aussehen ...

    Musterbild:
     

    Anhänge:

  3. Dirk Levy

    Dirk Levy MacUser Mitglied

    Beiträge:
    606
    Zustimmungen:
    0
    Mitglied seit:
    03.02.2002
    Zum Beispiel so:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <head>
    <title>tabelle</title>
    <style type="text/css" media="screen"><!--
    .rand { border: solid 1px white }
    --></style>
    </head>

    <body bgcolor="#cc9999">
    <table width="738" border="0" cellspacing="0" cellpadding="0" height="480">
    <tr align="center" valign="middle" bgcolor="#ccccff" height="29">
    <td width="123" height="29">Montag</td>
    <td width="123" height="29">Dienstag</td>
    <td width="123" height="29">Mittwoch</td>
    <td width="123" height="29">Donnerstag</td>
    <td width="123" height="29">Freitag</td>
    <td width="123" height="29">Samstag</td>
    </tr>
    <tr height="64">
    <td class="rand" width="123" height="64">&nbsp;kjhklkjlk</td>
    <td class="rand" width="123" height="64">ilkjl&ouml;kjl</td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    </tr>
    <tr height="64">
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    </tr>
    <tr height="64">
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    </tr>
    <tr height="64">
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    </tr>
    <tr height="64">
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    </tr>
    <tr height="64">
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    </tr>
    <tr height="64">
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    <td class="rand" width="123" height="64"></td>
    </tr>
    </table>
    </body>

    </html>

    Machst einfach eine Klasse und weist diese den Zellen
    zu. Du könntest auch das td generell ändern, aber dann
    ist es bei Abweichungen schwierig...

    Gruß
    Dirk
     
  4. mactrisha

    mactrisha Thread Starter MacUser Mitglied

    Beiträge:
    674
    Medien:
    2
    Zustimmungen:
    4
    Mitglied seit:
    27.11.2003
    Danke.

    Hi, Danke Dirk,

    1:1 so, wie ich es wollte.

    Salü,
    mactrisha.
     
Die Seite wird geladen...

Diese Seite empfehlen