Navigation (Liste) gleiche Abstände und evtl. weitere HTML Fragen

[Goku.]

Hallo,

habe ein Problem:

meine erstellte Navigation hat nicht die gleiche Abständen wie gewünscht.
Bereits vieles ausprobiert mit padding und und und... auch Lösungsvorschläge über Google haben mir nicht geholfen, ich möchte hier keine Plugins oder Bootstrap verwenden...

Findet jemand den Fehler in meinem html/css code?

[LekoArts]

Deinen Unterpunkten keine feste Breite in Pixel geben. Darüber hinaus hättest du für diese Variante bei

PHP Code:

nav ul li {text-align: center;} 


ändern müssen.
Dein Problem war, dass du zwar in der festen Breite das zentriert hast, aber die Wörter ja unterschiedlich lang sind und somit unterschiedlichen Abstand zum Rand der 150px Breite haben.

In meinem Fiddle habe ich die feste Breite weggenommen und einfach padding gesetzt.
Wenn man es noch schöner haben will, nimmt man beim ersten und letzten li jeweils den padding weg, damit es mit dem Grid (z.B. vom wrapper-Container) übereinstimmt.

PHP Code:

nav ul li:first-child {padding-left: 0px;}
nav ul li:last-child {padding-right: 0px;} 


[Goku.]

neue Frage, habe leider durch Google nichts gefunden:

ich möchte gern mir ein Filter einbauen, wo man z.B. nach Preis / Verfügbarkeit etc... filtern kann. funktioniert das ganze durch css/html? oder kommt hier Php ins Spiel.
Wie heißt das Stichwort dazu?

[False]

Originally Posted by .Kreativ'GFX

neue Frage, habe leider durch Google nichts gefunden:

ich möchte gern mir ein Filter einbauen, wo man z.B. nach Preis / Verfügbarkeit etc... filtern kann. funktioniert das ganze durch css/html? oder kommt hier Php ins Spiel.
Wie heißt das Stichwort dazu?

Mit Css eher weniger, je nach dem Javascript oder PHP.
Am besten (schnellste Ladezeiten, bei vielen Daten) ist eine Mischung aus PHP und Javascript (ajax).