@@dennis-html
allerdings verschiebt sich dann alles nach links , ich will aber das es zentriert bleibt.
Eben nicht, jedenfalls nicht auf den verfügbaren Platz im Eingabefeld bezogen. Sondern auf verfügbaren Platz + Button. Warum auch immer du das willst.
padding-left: 180px
, bitteschön. Wie willst du den gesamten Platz nutzen und auf verfügbaren Platz + Button bezogen zentrieren?
Hast du dir auch die Frage gestellt, ob der Nutzer das will? Ich vermute mal, es ist ihr egal.
Was nicht egal ist: Das Eingabefeld hat keinerlei Beschriftung, ist dadurch nicht barrierefrei bedienbar, kurz: es ist nicht bedienbar. Alle Eingabefelder sollten zugehörige label
-Elemente haben.
Das Formular hat auch keinen Submit-Button. Ein a
-Element ist kein Button, ein button
-Element ist einer.
Es ist unsinnig, HTML-Elemente missbräuchlich zu verwenden und dadurch verlorengehende Funktionalität mit JavaScript nachzubauen. Das führt zu unbenutzbaren Seiten oder erheblichem Mehraufwand. Meist zu beidem.
Außerdem sollte ein Suchfeld <input type="search">
sein.
hier die Datei: https://jsfiddle.net/ehh1mbgq/
Nein, hier: https://jsfiddle.net/ehh1mbgq/
Bitte verlinken.
LLAP 🖖
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)