Ich hock hier an einer ansich extra simpel zu gestaltenden Seite und dem Problem, dass ich nicht weiß, wie ich ein Menü umsetzen soll. Vielleicht erst zur Übersicht ein Bild, weil das die Sache am besten erklärt:
Menü und Logo haben die gleiche Hintergrundsfarbe, wodurch man also vielleicht tricksen könnte. Ich hatte probiert, das Logo in die Liste mit reinzunehmen und als Link zur Startseite zu deklarieren, aber dann ist es nicht mittig und ich bekomms auch nicht so hin, dass es oben und unten übersteht. Das nächste Problem wäre, dass ich die Seite natürlich "reponsive" (oh, wie ich diesen Buzzwordkram hasse) haben möchte und dann sollte das Logo über dem Menü bleiben und das Menü selbst sich darunter befinden. Dabei sollten die einzelnen Menüpunkte alle gleich breit bleiben. Auch soll natürlich beachtet werden, dass beim Skalieren der Schrift, der Menübalken mittig vom Logo bleiben sollte.
Nun hab ich selbstverständlich ewig lang rumgesucht und rumgebastelt, aber es will einfach nicht. Drum hier auch kein Quelltext, weils eh nicht funktioniert und wohl der komplett falsche Ansatz ist. Und wie ne Liste aussieht, weiß hier jeder.
Ganz großes Kino wären noch Dropdown-Menüs, so wie da: http://codepen.io/micahgodbolt/full/mnLiF
Es würde aber notfalls auch sowas hier reichen: http://rutgerkooijman.nl/navigation/html/
Hat hier jemand einen Denkansatz, Link, oder einen Schnipsel Quelltext für mich? - Javascript soll nicht benutzt werden. Ich will das gern schön rein und sauber haben.
Edit: Ach ja: Ich hatte auch probiert, zwei Menülisten links und rechts neben das Logo zu stellen, aber dann weiß ich nicht, wie ich die dazu bringe, dass sie bis zum Rand gehen. Und das mit der Mittigkeit wäre wieder ein Problem, mal davon abgesehen, dass auf einem Handy dann eben das Logo nicht mehr oben stünde.
Menü und Logo haben die gleiche Hintergrundsfarbe, wodurch man also vielleicht tricksen könnte. Ich hatte probiert, das Logo in die Liste mit reinzunehmen und als Link zur Startseite zu deklarieren, aber dann ist es nicht mittig und ich bekomms auch nicht so hin, dass es oben und unten übersteht. Das nächste Problem wäre, dass ich die Seite natürlich "reponsive" (oh, wie ich diesen Buzzwordkram hasse) haben möchte und dann sollte das Logo über dem Menü bleiben und das Menü selbst sich darunter befinden. Dabei sollten die einzelnen Menüpunkte alle gleich breit bleiben. Auch soll natürlich beachtet werden, dass beim Skalieren der Schrift, der Menübalken mittig vom Logo bleiben sollte.
Nun hab ich selbstverständlich ewig lang rumgesucht und rumgebastelt, aber es will einfach nicht. Drum hier auch kein Quelltext, weils eh nicht funktioniert und wohl der komplett falsche Ansatz ist. Und wie ne Liste aussieht, weiß hier jeder.
Ganz großes Kino wären noch Dropdown-Menüs, so wie da: http://codepen.io/micahgodbolt/full/mnLiF
Es würde aber notfalls auch sowas hier reichen: http://rutgerkooijman.nl/navigation/html/
Hat hier jemand einen Denkansatz, Link, oder einen Schnipsel Quelltext für mich? - Javascript soll nicht benutzt werden. Ich will das gern schön rein und sauber haben.
Edit: Ach ja: Ich hatte auch probiert, zwei Menülisten links und rechts neben das Logo zu stellen, aber dann weiß ich nicht, wie ich die dazu bringe, dass sie bis zum Rand gehen. Und das mit der Mittigkeit wäre wieder ein Problem, mal davon abgesehen, dass auf einem Handy dann eben das Logo nicht mehr oben stünde.