Problem bei der Zentrierung von horizonaler Navigation/Menü
bearbeitet von
@@Disk Rhode
> ~~~html
> <div class="header">
> ~~~
Das sollte kein `div`{: .language-html} sein, sondern ein [`header`{: .language-html}-Element](https://blog.selfhtml.org/2013/03/10/html5-serie-neue-elemente-fuer-die-seitenstruktur/). Eine Klasse "header" ist dafür nicht nötig.
> ~~~html
> <div id="logo">
> <a href="./index.php?id=36"><img src="fileadmin/template/logo.jpg" alt="" border="0" width="195" height="71" /></a>
> </div>
> ~~~
Das `div`{: .language-html} um das `a`-Element gruppiert nichts; es ist wohl überflüssig.
Was hingegen nicht überflüssig ist, sondern unbedingt vorhanden sein muss, ist ein Alternativtext fürs Bild. Sonst hat der Link keinen Linktitel.
`border="0"` gehört nicht ins HTML, sondern ist mit CSS anzugeben.
> ~~~html
> <div class="mainNavi">
> ~~~
Das sollte kein `div`{: .language-html} sein, sondern ein [`nav`{: .language-html}-Element](https://blog.selfhtml.org/2013/03/10/html5-serie-neue-elemente-fuer-die-seitenstruktur/). Eine Klasse "mainNavi" ist dafür nicht so sinnvoll; das wäre eher eine ID.
Das Markup sollte demnach so aussehen:
~~~html
<header>
<a href="./index.php?id=36"><img src="fileadmin/template/logo.jpg" alt="example dot com" border="0" width="195" height="71" /></a>
<nav id="mainNavi">
~~~
> Ich bin mir sicher, es geht einfacher!
Ich auch. Einfacher anzusehen geht das mit [Online-Beispiel](https://forum.selfhtml.org/self/2015/jan/14/jquery-footer-ie-fehler/1629597#m1629597).
LLAP 🖖
--
„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)