Navicon positionieren

[franzsen]

Bei mir im Firefox sieht es gut aus. Erst ab weniger als 350px liegt es übereinander. Du kannst h1 bei kleinen Viewports mit text-align:left noch weiter links bringen. Ohne das Wort Menü nimmt das navicon noch weniger Platz ein.

Nun, ich dachte es läßt sich doch irgendwie das Navicon isoliert vom Titel positionieren. Die drei Balken werden, denke ich, bereits allgemein bekannt sein, daß es sich um einen Navigatoraufruf handelt. Ich könnte daher „Menü“ weg lassen. Habe aber auch schon überlegt die Überschrift an den linken Rand zu schieben.
Bei devices steht „Native Resolution, Virtual Resolution“. Welche Angabe ist für Media Queries maßgebend?

Deine Seite sieht gut aus, habe sie grad durch den Validator laufen lassen:

https://validator.w3.org/nu/?doc=http%3A%2F%2Fmembers.aon.at%2Fmeine_private_seite%2FRezepte%2FSuppen%2Fsuppen.html

So etwas zu hören freut einem. Habe mich bemüht die neue Materie so gut wie möglich anzuwenden.
Als Meldung bekomme ich noch: „Element br not allowed as child of element ul in this context.“
Wie mache ich eine Leerzeile zwischen zwei Listenelementen? Ich habe es so hingebracht:

span {
	visibility: hidden;
	}

<ul>
	<li>Zeile 1</li>
	<li><span>Leerzeile</span></li>
	<li>Zeile 3</li>
	<li>Zeile 4</li>
</ul>

Ist das die Methode?

einige Tipps:

• Regel Abstände über margin und padding, nicht über <br>

• Wenn schon <br>, aber nicht </br> (auf der Suppenseite)

Habe ich inzwischen angepaßt. Wie die reingekommen sind, weiß ich nicht. Habe sonst die anderen alle normal geschrieben.

• Innerhalb von ol und ul nur li-Elemente, <h1> kommt davor (auf der Suppenseite)

Habe ich geändert aber bekomme zwar keine Fehlermeldung aber eine Warnung.

• Statt <div id="gesammt"> einfach <main>

• Meinst du mit <abr> <abbr>?

Ja, wurde korrigiert. Rechtschreibfehler kommen halt auch hier vor. Da ich keine Beschwerde vom Computer bekommen habe ist es mir nicht aufgefallen.