Probleme mit em
bearbeitet von Gunnar Bittersmann@@Rolf b
> ich habe mir das mal in ein Fiddle kopiert
Warum nicht verlinkt?
[JSFiddle](https://forum.selfhtml.org/self/2015/jan/28/bild-ragt-aus-container-100-breit-400px-hoch/1631065#m1631065)?
> ~~~css
> /* Einmal zentral die Margins und Paddings für die randfrei gewünschten Elemente löschen */
> body, nav ul, main {
> margin: 0; padding: 0;
> }
> ~~~
Das willst du für `nav li`{: .language-css style="white-space: nowrap"} sicher auch tun.
> ~~~css
> nav ul li a:hover { /* Effektanzeige wenn Maus den Link berührt */
> background-color: #ff7;
> }
> ~~~
Du hast den Fokus verloren.
**Merke:** Wann immer `:hover`{: .language-css style="white-space: nowrap"} im Stylesheet steht, sollte auch `:focus`{: .language-css style="white-space: nowrap"} dastehen. Die Seite soll ja auch per Tastatur benutzbar sein.
LLAP 🖖
--
_“There’s no such thing as an ‘average’ user, but there is such a thing as an average developer.”_{: lang="en"} —Vitaly Friedman in [Accessibility Matters: Meet Our New Book, “Inclusive Design Patterns”](https://www.smashingmagazine.com/2016/06/inclusive-design-patterns/)
_[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"}