Frage zum Wiki-Artikel „Rahmen“

[Tom187]

Guten Tag,

ich würde gerne wissen, wie ich einen Tabellenrahmen "unterbreche". Das Ergebnis soll wie folgt aussehen:

Geht das auch nur - wie in Excel - durch das Verbinden von Zellen und dem Definieren einzelner Rahmenlinien oder gibt es eine Alternative?

Hat evtl. jemand einen "fertigen" Code-Schnipsel für mich? Das wäre echt große Klasse.

Vielen Dank!

Gruß, Tom.

[Linuchs]

du kannst die Tabelle in einen relativ positionierten Rahmen packen und in diesem Rahmen einen Text absolut positionieren.

<div style="position:relative">
  <table> ... </table>
  <p style="position:absolute;left:0;top:-1em;text-align:center;">
    <span style="background:#fff">&nbsp; Titel &nbsp;</span>
  </p>
</div>

[Rolf B]

Hallo Tom187,

das fieldset-Element ist für den Einsatz in Formularen gedacht und könnte bei Zweckentfremdung zu Problemen im Bereich Bedienbarkeit führen. Aber vielleicht ist dein Einsatzzweck ein Formular? Dann geht es so:

<fieldset>
   <legend>Titel</legend>
</fieldset>

CSS dazu:

legend { text-align:center; padding: 0 1em; }

Rolf

[Felix Riesterer]

Lieber Tom187,

https://jsfiddle.net/w17exuh5/

Liebe Grüße,

Felix Riesterer.

[Camping_RIDER]

Aloha ;)

https://jsfiddle.net/w17exuh5/

Ich hab mal dein Tabellen-Markup geklaut und das optisch so angepasst, wie sich der TO das wahrscheinlich vorstellt.

Und dann gingen die Pferde mit mir durch und ich hab das auch für allgemeinere Elemente gebastelt.

Anmerkung: In Internet-Explorer und Edge brauchts leider einen Fallback, der bei breiten Kästen nicht ganz so schick aussieht und den Titel auch schneller umbricht.

Grüße,

RIDER

[Matthias Apsel]

Hallo Tom187,

soll es wirklich eine Tabellenzelle sein? Beachte, dass Tabellen ausschließlich für tabellarische Daten gedacht sind.

Bis demnächst
Matthias