Dropdown-Menu zur Sprachenerweiterung

[Gustav]

Hallo Rolf,

Danke erst einmal für deine umfangreiche Antwort.

Ich füge hier mal einen Screenshot ein, wie das bei mir in Safari aussieht, in Firefox ist der erwähnt blaue Ereignisrahmen dann grau.

Diese zusätzliche Einrahmung möchte ich gern ausblenden, ist das wie Matthias meint, über Focus zu definieren?

Ich habe nun entsprechend deiner Ausführungen den Link aus der html-Datei entfernt und folgendermaßen in die CSS-Datei verschoben und dabei auch die outline-Beschreibung mit eingebaut. Mit outline an dieser Stelle blendet der Ereignisrahmen sich bei mir aber nicht aus.

nav summery {
  vertical-align: bottom;
  background: url('../img/globeB.png') no-repeat;
  height: 1.25em;
  padding: .5em;
  outline:none;

Nun zeigt sich zudem der Globus nicht mehr. Das Problem hatte ich auch schon früher beim home-button, den ich eigentlich auch lieber im CSS eingebettet sehen würde. Offenbar finde ich da nicht die richtige Stellvertreterbeschreibung.

Dann habe ich die nav li-Elemente mit einem

margin: 0 4em; 

ausgestattet, was den ursprünglich geplanten Abstand der einzelnen Menupunkte zueinander, wie du richtig erinnerst, wieder herstellt.

flex-grow: 2 oder flex:2... habe ich im CSS nirgendwo finden können, deshalb weiss ich noch nicht so genau, was du da meinst, die Justierung für das PopUp-div funktioniert mit deinen Angaben jetzt jedenfalls gut.

Dann habe ich noch eine Frage zu der Normalmodus-Darstellung. Dort sind die Menurahmen nicht über die gesamte Breite angelegt, haben zueinander keine Abstände und unterhalb des Menunamens ist ein größerer Abstand zum Rahmen als oberhalb. Wie kann ich das in Form bringen?

In Firefox ist mir dann aufgefallen, dass das Logo unten abgeschnitten und zudem zu groß dargestellt wird. Liegt das daran, dass ich dort eine svg-Datei verwende und die in ihrer Größe definieren müsste?

Schöne Grüße, Gustav