Brauche Hilfe bei den Wiki-Cards: Höhe des Inhalts festlegen

[Matthias Scharwies]

Servus!

Div-Suppe ist wieder im Kommen!

Noch lieber wäre mir ein semantisches Markup. Was spricht gegen diese Struktur?

<div class="card">
  <h6><!-- Titel -->
    <img src="" alt="Logo mit gekippten Quadraten">
    TITELTEXT
  </h6>
  <p><!-- Inhalt -->
    ...
  </p>
</div>

Leider wird jede Überschrift in das TOC -Inhaltsverzeichnis übernommen. Das könnte man auf Portalseiten aussschalten, am Ende eines Artikels auf == Siehe auch == aber nicht.

Ein Teil der Div-Suppe ist Wiki-bedingt, jedes Bild sieht im Wiki so aus:

<div>
  <a href="link auf Bildseite">
    <img >
  </a>
</div>

Ich hatte - z.B. bei der angesprochenen transform-Raute mit einem a-Element mit Kindelementen experimentiert. Dann gehen aber nur span-Elemente und keine Bilder.

ODer man müsste doch das ideale HTML-Markup mit JS erzeugen:

<a class="card" href="link auf Seite">
  <p class="titel">Titel</p>
  <img class="logo">
  <div> Platz für Inhalt</div>
</a>

Da hatte ich aber immer Bammel davor, denn wenn wir da mal anfangen…

Andererseits könnte man dann die „Vollbilder“ als Hintergrundbild im a festlegen.

Mein Vorschlag: Erstmal so lassen und hoffen, dass man dermaleinst HTML5, bzw. flexibleres Markup im Wiki verwenden kann.

Herzliche Grüße

Matthias Scharwies