Alle Tabellenzellen mit 1 Pixel Rand mit css?

Diskutiere das Thema Alle Tabellenzellen mit 1 Pixel Rand mit css? im Forum Web-Design

  1. mactrisha

    mactrisha Thread Starter Mitglied

    Beiträge:
    717
    Medien:
    3
    Zustimmungen:
    7
    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 Mitglied

    Beiträge:
    717
    Medien:
    3
    Zustimmungen:
    7
    Mitglied seit:
    27.11.2003
    So solls mal aussehen ...

    Musterbild:
     

    Anhänge:

  3. Dirk Levy

    Dirk Levy 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 Mitglied

    Beiträge:
    717
    Medien:
    3
    Zustimmungen:
    7
    Mitglied seit:
    27.11.2003
    Danke.

    Hi, Danke Dirk,

    1:1 so, wie ich es wollte.

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

MacUser.de weiterempfehlen

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Akzeptieren Weitere Informationen...