Such Feld im Header anzeigen, ohne plug in

Karma

Moin Leute,

ich würde gern im Header rechts neben meiner Navigationleiste ein Suchfeld anzeigen lassen, ich habe leider keinen Plan wie ich das antellen soll. Es sollte genau auf der selben "linie" sein wie die links der Navi.

http://www.karmas-photographie.de/

Das ganze ohne Plug in wäre richtig toll.

Gruss Mathias

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

du müsstest in der header.php neben dem Aufruf der Navi das Suchfeld einbinden:

PHP

<?php get_search_form(); ?>

und evtl. mit css etwas nachjustieren.

Karma

Hi, guck ich mir gleich mal an, danke.

Karma

Dank dir,

das würde funktionieren, leider ist der Such Button unter dem Suchfeld und zerschiesst dadurch die gesammte Navi Zeile, wenn er rechts daneben wäre, wäre es ideal.

Gruss

maxe

Zitat von maxe

und evtl. mit css etwas nachjustieren.

wie ich schon schrieb, würde sich das wohl mit css formatieren lassen.

Karma

mmh gut, ganz ehrlich ich kenn mich mit css nicht aus.

Gruss

maxe

kleiner Tipp, bau den Code mal in deinen Header und lass uns dann mal hier alle gemeinsam drauf gucken. Dann hast du die Lösung vermutlich schneller als du denkst ;-)

Karma

Sorry, für die späte Antwort.

Ich setz den Code heute Nacht in den Header ein, dann kannste dir das mal angucken, leider geht das nicht früher da ich bis 23.00 arbeiten bin.

Gruss

maxe

okay ... ändere die width vom #access mal auf 315px. Danach legst du neue Regeln an:

Code

#searchform {
    margin-top: 10px;




}




input#s {
    width: 120px;
}

Alles anzeigen

Karma

Dank dir schon mal für die grosse Hilfe, ich kann das erst morgen früh ausprobieren, die Arbeit wiedermal.

Gruss

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Such Feld im Header anzeigen, ohne plug in

Jetzt mitmachen!