Suchformular

Dr.Disco

Moin,

ich habe auf meiner Seite Die Newsblogger - im Header eine Suche eingefügt mit folgenden Code:

PHP

<ul><form id="searchform" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
        <input type="text" value="Newssuche..." name="s" id="s" onfocus="if (this.value == 'Search this website...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search this website...';}" />
        <input type="submit" id="sbutt" value="GO" /></form></ul>

leider steht das Teil viel zu hoch und viel zu weit links, hätte es gern mittig und rechts außen

Danke für eure Hilfe
Dr.Disco

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

RedShot

Gib den Inputs Klassen oder mach ein DIV-Tag darum und passe es dann nach deinen Wünschen im CSS an ( zum rechts ausrichten: float:right; und das es nicht oben klebt ein padding oder margin).

Dr.Disco

Zitat von RedShot

Gib den Inputs Klassen oder mach ein DIV-Tag darum und passe es dann nach deinen Wünschen im CSS an ( zum rechts ausrichten: float:right; und das es nicht oben klebt ein padding oder margin).

css:

PHP

#searchform {
float:right
display:inline;
margin:0;
overflow:hidden;
padding:0;
}

aber nu is das Teil ganz wech

hab den code für die suche so angepasst:

PHP

<div class="Search"><form id="searchform" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
        <input type="text" value="Newssuche..." name="s" id="s" onfocus="if (this.value == 'Search this website...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search this website...';}" />
        <input type="submit" id="sbutt" value="GO" /></form></div>

maxe

du brauchst kein DIV drum bauen, du kannst doch die ID=searchform über die style.css nach rechts floaten:

Code

#searchform {
float:right;
}

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Suchformular

Jetzt mitmachen!