Navigation Abstände Problem bearbeitet von kajo 16.05.2016 20:16 Hallo, habe ein Problem: <https://jsfiddle.net/bqdt6qfx/> meine erstellte Navigation hat nicht die gleiche Abständen wie gewünscht. Bereits vieles ausprobiert mit padding und und und... auch Lösungsvorschläge über Google haben mir nicht geholfen, ich möchte hier keine Plugins oder Bootstrap verwenden... Findet jemand den Fehler in meinem html/css code oder muss noch etwas hinzufügt werden?
Navigation Abstände Problem bearbeitet von Gunnar Bittersmann 17.05.2016 10:25 Hallo, habe ein Problem: <https://jsfiddle.net/bqdt6qfx/> Ein [Problem](https://forum.selfhtml.org/self/2016/feb/29/menu-scroll-responsive/1662068#m1662068) hab ich schon mal behoben. > meine erstellte Navigation hat nicht die gleiche Abständen wie gewünscht. Was ist denn gewünscht? Die `li` sollen nicht dieselbe Breite haben, sondern zwischen den Linktexten soll derselbe Abstand sein? Dann gib eben keine Breite an, sondern `margin` und/oder `padding`. Statt `float` kannst du besser Flexbox oder `display: inline-block` verwenden. Der Selektor '`nav ul li`' ist überspezifiziert; das sollte '`nav li`' sein. --- Dein Markup ist auch verbesserungswürdig: > ~~~html > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`{: .language-html} > ~~~ Nein. Verwende `<!DOCTYPE html>`{: .language-html} > ~~~html > <header id="page-header" role="banner"> > <div id="container"> > ~~~ Das `div` ist sicher überflüssig; `header` ist Container genug. `role="banner"` ist überflüssig und sollte weg; s.u. > ~~~html > <div id ="logo" >`{: .language-html} > ~~~ Auch dieses `div` dürfte überflüssig sein. Warum ist das Logo kein Link zur Startseite? > ~~~html > <main role="main"> > ~~~ > ~~~html > <footer role="contentinfo"> > ~~~ Auch diese `role`-Attribute sind nicht angebracht. Diese Elemente haben schon diese Rollen; dann sollten sie [nicht noch mal angegeben](https://www.w3.org/TR/aria-in-html/#aria-adds-nothing-to-default-semantics-of-most-html-elements) werden. LLAP 🖖 -- _“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”_{: lang="en"} —Stefan Tilkov _[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}
Navigation Abstände Problem bearbeitet von Gunnar Bittersmann 17.05.2016 01:04 Hallo, habe ein Problem: https://jsfiddle.net/bqdt6qfx/ meine erstellte Navigation hat nicht die gleiche Abständen wie gewünscht. Bereits vieles ausprobiert mit padding und und und... auch Lösungsvorschläge über Google haben mir nicht geholfen, ich möchte hier keine Plugins oder Bootstrap verwenden... Findet jemand den Fehler in meinem html/css code oder muss noch etwas hinzufügt werden?
nicht angemeldet nicht angemeldet
