Alle Tabellenzellen mit 1 Pixel Rand mit css?

Diskutiere mit über: Alle Tabellenzellen mit 1 Pixel Rand mit css? im Web-Editoren Forum

  1. mactrisha

    mactrisha Thread Starter MacUser Mitglied

    Beiträge:
    674
    Medien:
    2
    Zustimmungen:
    4
    Registriert 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
    Registriert seit:
    27.11.2003
    So solls mal aussehen ...

    Musterbild:
     

    Anhänge:

  3. Dirk Levy

    Dirk Levy MacUser Mitglied

    Beiträge:
    606
    Zustimmungen:
    0
    Registriert 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
    Registriert seit:
    27.11.2003
    Danke.

    Hi, Danke Dirk,

    1:1 so, wie ich es wollte.

    Salü,
    mactrisha.
     
Die Seite wird geladen...
Ähnliche Themen - Alle Tabellenzellen Pixel Forum Datum
iWeb09 max Pixel festlegen Web-Editoren 03.01.2010
iWeb 09: iCal Kalender eingebunden, dort jedoch alle Zeiten falsch Web-Editoren 01.04.2009
CSS und Schriftgröße in pixel und verschiedene Browser Web-Editoren 04.06.2004

Diese Seite empfehlen

Benutzerdefinierte Suche