Felix Riesterer: Meinung, Kritik und Vorschläge zum neuen Layout

Beitrag lesen

Lieber Philipp,

es ist sicherlich ehrenwert, wenn Du "weg von einem Tabellenlayout" möchtest. Es ist sicherlich auch ehrenwert, wenn Du auf standardkonformes und mit CSS gestaltetes HTML setzt. Warum sind jetzt aber die Reaktionen hier im Forum so unerwartet für Dich?

Naja, Du hast nie betont, dass Du die Optik _nicht_ verändern, sondern nur deren technische Realisierung umstellen wolltest. Dass diese Optik aber auf geschmaklich bedingte Ablehnung stößt, das erscheint Dir wohl noch fremd... Mir gefällt die Aufmachung übrigens auch nicht. Aber ich bin ja auch ein absoluter Karnevalsgegner. Nurso nebenbei.

Der HTML-Quelltext strotzt nur so vor Divitis. Daher ist Dein HTML nicht als semantisch zu bezeichnen, was ebenfalls hier im Forum gerne kritisiert wird. Ein Beispiel, das man Dir hier sofort bemängeln wird, ist dieser Ausschnitt:

<body>  
<div>  
  <img src="grafiken/layout/logo.gif" alt="Unser Vereinslogo mit Namenszug" height="148" width="625"><a name="beispiel"></a>  
  <br>  
  <br>

Semantisch betrachtet befindet sich da ein IMG und ein inhaltsleerer Anker im "luftleeren Raum", lediglich eingeschlossen in ein DIV, was zwar syntaktisch richtig (also valide) ist, aber überhaupt keinen Sinn vermittelt
(also unsemantisch ist). Und einen zwei-zeiligen Abstand erzeugt man nicht mit zwei <br>s, sondern mit entsprechenden CSS-Möglichkeiten!

Der nächste Abschnitt hat mich zur Bezeichnung "Divitis" hingerissen:

  <div class="randoben">  
    <div class="eckeoben">  
      <div class="randunten">  
        <div class="eckeunten">  
          <div class="menue1">  
            <h1>Homepage des Stavenhagener Carnevalsclubs e.V.</h1>  
            <a href="index.html">Startseite</a>  
            <a href="index.html">Termine&nbsp;und&nbsp;Veranstaltungen</a>  
            <a href="index.html" class="aktiv1">Mitglieder</a>  
            <a href="index.html">Verein</a>  
            <a href="index.html">Kontakt</a>  
            <div class="menue2">  
              <h2>Unsere Mitglieder</h2>  
              <a href="sub1.html">OnStage</a>  
              <a href="sub1.html">BackStage</a>  
                    <div class="inhalt">  
                      <h5>Die Leute im Verein</h5>

Auch hier werden DIVs inflationär eingesetzt (ich kenne diese "sliding doors technique" und das mit den skalierenden runden Ecken), aber einen Sinn hat das Ganze _inhaltlich_ keinen. Auch scheinst Du noch nicht zu wissen, dass man eine Navigation, die ja nichts weiter als eine Liste von Links ist, auch als eine solche auszeichnet: <ul> oder <ol>. Entsprechendes Nachlesematerial findest Du im Kapitel CSS-basierte Navigationsleisten.

So langsam ruft mich mein Bett, was mich daran hindert, in dieser Tour weitere Beispiele aus Deinem Quelltext zu kritisieren, denn auch dort würde ich mich prinzipiell wiederholen: Unsemantisches Markup.

Kleine Frage zum Schluss: Was hindert Dich daran, Deine <h1> mit CSS auszugestalten? Warum gibst Du ihr keine ID (anstatt einen inhaltsleeren Anker weiter oben zu verwenden) und ein Hintergrundbild (anstatt ein "im luftleeren Raum herumfahrendes" IMG weiter oben zu notieren) mit passender height, width und padding, damit auch alles prima angezeigt werden kann? - Auf diese Art und Weise verschwinden hoffentlich unnötige Elemente aus Deinem Quelltext, der dann hoffentlich auch semantischer wird.

Liebe Grüße aus Ellwangen,

Felix Riesterer.