nicht angemeldet
Gunnar Bittersmann@@kajo
habe ein Problem: https://jsfiddle.net/bqdt6qfx/
Ein Problem 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:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`{: .language-html}
Nein. Verwende <!DOCTYPE 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.
<div id ="logo" >`{: .language-html}
Auch dieses div dürfte überflüssig sein.
Warum ist das Logo kein Link zur Startseite?
<main role="main">
<footer role="contentinfo">
Auch diese role-Attribute sind nicht angebracht. Diese Elemente haben schon diese Rollen; dann sollten sie nicht noch mal angegeben 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.” —Stefan Tilkov
Selfcode:
sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|
marctrix
Matthias Apsel