Eingabefeld im Bild fixieren

zeig doch mal dein code.

Eigentlich ist das kein problem das zu fixieren. Ist das Bild den verschieden groß ? Aso reponsiv ? Oder hat es egal auf welcher Ansicht immer die gleiche größe ?

Du könntest dein Suchfeld auch ein Background image geben

Mit dein Code kann man noch gar nichts anfangen, das ist ja nur ein Textfeld

so meinte das so

https://basti1012.bplaced.net/…rdner=html-seminar&id=383

Aber das geht so nur, wenn die Felder nicht größer oder kleiner sind bei den anderen Endgeräten.

Dazu müsste man mal deine Seite sehen, ob es auch anders geht.

Bilder responsiv zu machen ist nicht gerade mein Hauptfach.

Hier gibt es aber welche die das ganz gut können.

Wenn du mal einen Link hast oder kompletten Code , können die/Er ja mal gucken. Nur so bringt es nicht viel, weil jede Lösung passen tut ohne Webseite wo man es einbauen kann.

Nagut. Ist etwas anders.

Ich würde da ein Container nehmen (ZB DIV) wo du das image reinmachst . Dann schiebst du dir das input Feld da hin wo du es haben möchtest.

Wo kommst du denn da nicht weiter ?

Willst du das nur die Stadt kennung Editierbar ist ? Dann sollte man vieleicht das input Feld auch auf 3 Zeichen begrenzen

Clever wäre, wenn Du mal den Code zeigst ( HTML & CSS ), der für das Ergebnis in Deinem Screenshot sorgt.

Dann kann man sicher mehr sagen, was Du anders machen solltest.

 name:"okz"

Da ist schon mal ein Fehler, das mußt du schon mal ändern.

Ich habe das image als background gemacht, weil fand es einfacher. Aber so kannst du das auch machen.

Kuck dir doch mal das Thema position und margin an.Damit kannst du die Container ausrichten. In dein fall das input Feld über das Bild

dann zeig mal den code in den du das versucht hast zu verschieben.

Kann das sein das du die Css Datei gar nicht eingebunden hast , oder wo hast du den Code reingeschrieben mit denn verschieben.

Wenn du dich schon an den Code halten tust sehe ich erst recht kein problem mehr.

Rechts klick , dann copy outerHTML .

Das ist dan das

<div class="short-calc okz-input">
<form action="/kfz-versicherung/ergebnis/" method="get">
<div class="okz-wrapper">
<img class="img-center img-responsive" alt="Kennzeichen" src="https://www.tarifcheck.de/filestore/42/kennzeichen.svg">
<input id="okz" class="okz" type="text" maxlength="3" name="okz" placeholder="HH">
</div>
<button class="btn knightRiderStyle orange-btn-primary" id="cta-risiko"><span>Tarife vergleichen <i class="fa fa-angle-right" aria-hidden="true"></i></span></button>
</form>
<div class="clearfix"></div>
</div>

Css Link mopsen

<link href="https://www.tarifcheck.de/filestore/less/1484/516607-custom-style.css" rel="stylesheet">

und es sieht genau so aus wie auf der Seite.

Aber selber bauen ist die Kunst.

Ich habe es schon fertig gemacht doch ich darf noch nicht posten.

Aber mal nee andere Frage. Mir kommt es so vor da du gar nicht genau weißt wie man position und margin und die ganzen anderen Css Werte eingeben muß. Kann das sein ?

Weil irgendwie kommst du nicht mit den versuchen rüber.

Ist auch nicht schlimm weil jeder hat klein angefangen. Doch wenn man das weiß dann kann man dir auch anders helfen

du mußt dir da schon die richtigen styles raussuchen, da wahr ich zu faul zu. Du siehst ja welche ids und Class gebraucht wird. Auch @mediaqueries und co brauchst du da auch wenn du es genau so haben willst.

Mußt da aber einiges aussortieren. Menge Css dabei die man nicht wirklich brauchen würde wenn man es selber bauen tut.

Margin ist der Abstand auserhalb des Elements , und padding innerhalb des Elements .

Du kannst ja mal ein paar Boxen erstellen mit Border , und dann mit margin und padding rum spielen dann sieht man das eigentlich schon wie was macht.

Zitat von TonyMahony

Ich weiß echt nicht was ich da ändern soll bzw. welche styles oder ids man da braucht. Ich kenn mich echt null aus mit sowas. Kann man sich sowas nicht programmieren lassen ?

Ja kann man. Aber hast du schon mal gekuckt wie teuer sowas werden kann?

In den Foren sind ja Leute die gerne helfen, doch fertige sachen posten wird nicht gerne gemacht und wird nicht gerne gesehen.

Wenn dir da einer nee Lösung postet unendgeldlich, nehmen die ja die Leute die Arbeit weg die damit Geld verdienen.

Außerdem wollen wir ja sehen das du auch eigen iniziative Zeigst.

Weil einfach sagen wer kann mal machen, und dann an besten um sonst funktioniert selten.

Du kannst in extra Foren Bereichen auch ein Auftrag schreiben . Zb wer kann mir das bauen , zahle xy Euro.

Da meldet sich bestimm einer und du wirst dann langsam pleite.

Deswegen wäre sinnvoll wenn du selber mitlernen tust und das auch zeigst das du es willst.

Wenn du das auch machst dann kriegst du auch hilfe, bis hin zum fertigen Code.

Wie gesagt ich habe das schon fertig, doch es ist nicht der sinn dir das fertig zu geben weil du es ja auch selber lernen sollst.

Auch wenn du es noch nicht kannst oder auch nicht schnell lernen tust , aber man muß schon sehen das du es willst dann klappt das schon.

Wir werden dich hier auch nicht einfach gehen lassen ohne was geschafft zu haben , das will ja auch keiner weil dafür sind ja die Foren da um zu helfen und hilfe zu bekommen

Zitat

Und zum anderen macht es überhaupt keinen Sinn

Das denke ich mir auch häufig, wenn ich die Vorgänge in den Computerforen so beobachte. Man stelle zum Beispiel mal Bastis Posting #18 dem Posting #10 in diesem Thread gegenüber:

Chronologische Darstellung realisieren