Die Schaltfläche "suchen" positionieren oben auf ein Eingabefeld

Ein Website-Suche-Feld in der Regel besteht aus zwei Komponenten: das Eingabefeld und die Schaltfläche "suchen". Großteil des Codes für diese beiden wird Ihre Website CSS Code gesteuert, aber das Layout ist im HTML-Format. Wollen Sie die Schaltfläche Suchen das Eingabefeld daneben statt setzen (wo es normalerweise wäre), alles, was Sie tun müssen, ist der HTML-Code etwas zu ändern. Dadurch wird die Positionierung ohne Auswirkungen auf die Kern-Suche-Code ändern.

Anweisungen

1 Öffnen Sie die HTML-Datei für die Seite auf Ihrer Website mit der Schaltfläche "suchen".

2 Suchen Sie den Abschnitt, der beginnt "< Fieldset-Klasse ="Suche">". Dies ist der HTML-Code steuern das Suchfeld.

3 Bewegen Sie die Zeile beginnt "< Schaltfläche" vor dem Anfang der Zeile "< Eingabe". Dies wird die Schaltfläche setzen, bevor Sie das Eingabefeld (aber nicht oben noch).

4 Beide Linien "< Div >" (ohne Anführungszeichen) vorgelegt.

5 Setzen "< / Div >" nach beide Linien. Das macht sie in zwei separate Zeilen erscheinen.

6 Speichern Sie den HTML-Code. Die Schaltfläche wird jetzt über das Eingabefeld angezeigt.