Tabellen Problem

Status
Nicht offen für weitere Antworten.

sonicks

Erfahrenes Mitglied
Hi,

Ich hab folgendes Problem mit meiner Tabelle:

Ich habede diesen CSS Code, damit der Rand meiner Tabelle schön dünn und schwarz ist:

Code:
<STYLE type=text/css>

TABLE.rahmen{ border-width: 1px 0px 0px 1px;
              border-style: solid;
              border-color: 3B3B3B;}
TABLE.rahmen TD{ border-width: 0px 1px 1px 0px;
                  border-style: solid;
                  border-color: 3B3B3B;}
</style>

Und dann halt: class="rahmen"

Jetzt habe ich aber das Problem, das wenn in bestimmten Feldern nichts eingetragen ist, der Rand in diesen Feldern nicht angezeigt wird. Ein Beispiel habe ich hier:

Klick mich (BSP)

Gibt es da irgendeine Lösung oder ne bessere Möglichkeit, einfach solch einen Rand zu bekommen?

Dann ist das 2. Problem, dass wenn ich in eine Tabelle, die mit diesem Code definiert ist, eine extra Tabelle einfüge, diese genau die selben Eigenschaften hat wie die andere. Ich hoffe ist verständlich.

PS: Ich kenn mich mit CSS nicht besonderlich gut aus.

Vielen Dank schonmal...

MFG sonicks
 
Versuch' mal folgendes:
Code:
table {
	empty-cells: show;
}
Möglicherweise könntest du deine Einstellungen auch wie folgt vereinfachen:
Code:
table.rahmen {
	border: 1px solid #3b3b3b;
	border-width: 1px 0 0 1px;
}
table.rahmen td {
	border: 1px solid #3b3b3b;
	border-width: 0 1px 1px 0;
}
 
Hi,

Danke für deine Hilfe, hat nur leider beides nicht geklappt :( .

Dieses empty show, wie muss ich das genau einbinden?
 
Hast Du schon mal versucht, ein geschütztes Leerzeichen (Sonderzeichen) einzufügen?
Einfach
PHP:
&nbsp;
in die leeren Tabellenzellen kopieren.
 
Danke, das funktioniert! Es ist zwar ein wenig umständlich, aber es funktioniert. Danke!

Jetzt bleibt noch das Problem mit der inneren Tabelle, die dann genau gleich ist wie die äußere.
 
Hi,

definiere Dir einfach weitere StyleSheets für die innere Tabelle und weis dort der
Rahmenstärke den Wert Null zu:
Code:
table.innerTable{ border-width: 0px;}
table.innerTable td { border-width: 0px;}
Jetzt musst Du im Table-Tag der inneren Tabelle die Klasse nur noch mit Hilfe des
class-Attributes einbinden:

&nbsp;&nbsp;<table class="innerTable">

Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.
Zurück