Alle Tabellenzellen mit 1 Pixel Rand mit css?

mactrisha

mactrisha

Aktives Mitglied
Thread Starter
Dabei seit
27.11.2003
Beiträge
744
Reaktionspunkte
17
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.
 
So solls mal aussehen ...

Musterbild:
 

Anhänge

  • sosollsmalausehn.jpg
    sosollsmalausehn.jpg
    24,7 KB · Aufrufe: 62
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
 
Danke.

Hi, Danke Dirk,

1:1 so, wie ich es wollte.

Salü,
mactrisha.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten