Alle Tabellenzellen mit 1 Pixel Rand mit css?

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

  1. mactrisha

    mactrisha Thread Starter MacUser Mitglied

    Mitglied seit:
    27.11.2003
    Beiträge:
    691
    Medien:
    3
    Zustimmungen:
    4
    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

    Mitglied seit:
    27.11.2003
    Beiträge:
    691
    Medien:
    3
    Zustimmungen:
    4
    So solls mal aussehen ...

    Musterbild:
     

    Anhänge:

    • sosollsmalausehn.jpg
      Dateigröße:
      24,7 KB
      Aufrufe:
      19
  3. Dirk Levy

    Dirk Levy MacUser Mitglied

    Mitglied seit:
    03.02.2002
    Beiträge:
    606
    Zustimmungen:
    0
    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

    Mitglied seit:
    27.11.2003
    Beiträge:
    691
    Medien:
    3
    Zustimmungen:
    4
    Danke.

    Hi, Danke Dirk,

    1:1 so, wie ich es wollte.

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