Problem mit grid

[Gunnar Bittersmann]

@@Yadgar

[3×] Hä? Erklär das mal für Normal-Trottel wie mich!

V.h.n.v.:

• Du verwendest präsentationsbezogene Klassen.

Die Klasse c sagt nichts über die Art der jeweiligen Elemente/Inhalte aus, sondern allein, dass die Darstellung zentriert erfolgen soll. Eine rein präsentationsbezogene Klasse.

Die Klasse i sagt nichts über die Art der jeweiligen Elemente/Inhalte aus, sondern allein, dass die Darstellung kursiv erfolgen soll. Eine rein präsentationsbezogene Klasse.

Die Klasse b sagt nichts über die Art der jeweiligen Elemente/Inhalte aus, sondern allein, dass die Darstellung fett erfolgen soll. Eine rein präsentationsbezogene Klasse.

• Du gibst die Darstellung im HTML an anstatt im CSS.

Die Art der Darstellung (zentriert, kursiv, fett) steht im HTML. Wenn du die Darstellung ändern willst, musst du das HTML ändern anstatt das Stylesheet. Schlecht.

• Du verwendest Inline-Styles.

class="c" ist genauso Inline-Style style="text-align: center". Die Art der Darstellung sollte nicht im HTML angegeben werden.

Das Markup könnte so aussehen:

<nav id="paging"> 
	<a href="heimteilchenbeschleuniger_007.html">Vorherige Seite</a>
  <a href="heimteilchenbeschleuniger_009.html">Nächste Seite</a>
</nav>

Die eckigen Klammern haben auch nichts im HTML zu suchen. (Was sollte ein Screenreader vorlesen?)

Gestylt:

#paging { text-align: center }

#paging a::before { content: "[\a0 " }

#paging a::after { content: "\a0 ]" }

(\a0 ist das Escape für U+00A0 no-break space.)

LLAP 🖖