Fred: border - vertical überschreibt horizontal

Beitrag lesen

SELF-Forum

border - vertical überschreibt horizontal

Fred
– Informationen zu den Bewertungsregeln

Hallo nochmal

Ja, ist bekannt, <schähm>ich mag das minderwertige CMS auch nicht preisgeben, dass das so baut,</schähm> aber prinzipiell ist mir das primär auch erstmal nicht so wichtig.

du meinst bestimmt "CSS" und: Nur es nicht lernen zu wollen, währe eine Schahnde.

Nein, ich meine ein (C)ontent (M)anagement (S)ystem, das mir die Tabelle einfach so baut.

Und ich bin durchaus bereit mein CSS-Wissen zu erweitern, wenn mir ein Ansatz gegeben würde.

Vielleicht könnte sich einer meiner erbarmen und einen kleinen code-schnipel einwerfen, der mir die Erleuchtung bringt.

kein Code-Schnipsel, sondern ein Verweis auf das selfhtml-wiki. Dort ist der Schichten-Aufbau einer Tabelle grafisch dargestellt. Was für die Hintergründe gilt, gilt im Wesentlichen auch für die Rahmen.

Dort findest du auch etwas über den grundsätzlichen Aufbau einer Tabelle. MMn ist "headers" nur dann möglich, wenn es auch <th>-Elemente gibt.

Vielleicht bin ich da missverstanden worden, ich möchte kein spezielles Design für einen Tableheader.

Ich habe in meinem Beispiel nur den Teil raus kopiert, der das Problem zeigt. Die Tabelle an sich hat noch mehrere Spalten und Zeilen, die es aber bestimmt nicht übersichtlicher gemacht hätten.

Mir ist auch bewusst, dass die Tabelle in Layern aufgebaut ist und das Angaben in Zellen (td) denen von Zeilen (tr) überwiegen (ja oder Gruppen oder Ähnliches), daher habe ich mich in dem Beispiel oben dafür entschieden mein Problem schonmal nur auf Zellenebene zu beschreiben.
Auf Zellenebene scheint aber auch Spalte vor Reihe zu gewinnen (grün-über-rot-Effekt).

Da der Aufbau meines obrigen Beispiels soviel Hass auf sich gezogen hat,
noch einmal der Code in seiner simpelsten Form, mit bitte um etwas detailierte Hilfe:

<html>  
  <head>  
    <style>  
<!--  
table { border-collapse:collapse; }  
td {  border-left:3px solid green; }  
td { border-top:3px solid red; }  
-->  
    </style>  
  </head>  
  <body>  
  
<table>  
<tr>  <td>zeile 1 feld 1</td> <td>zeile 1 feld 2</td> <td>zeile 1 feld 3</td>  </tr>  
<tr>  <td>zeile 2 feld 1</td> <td>zeile 2 feld 2</td> <td>zeile 2 feld 3</td>  </tr>  
<tr>  <td>zeile 3 feld 1</td> <td>zeile 3 feld 2</td> <td>zeile 3 feld 3</td>  </tr>  
</table>  
  
</body>  
</html>

Zur Ansicht:

http://www.brauchst-du-nicht.de/test.html

cu
 Fred

Beitrag melden
–
Informationen zu den Bewertungsregeln