Hast Du das Bild so eingefügt?
Code:
<div style="float:right;">
<img src="images/lupe.gif">
<form method="post" action="search.php">
<div id="search">
.......
</div>
</form>
</div>
Ersetze in Deinem Code:
PHP-Code:
<input type="text" class="textbox" name="keywords" value="Suchbegriff(e)" onfocus="this.value=''" />
durch:
PHP-Code:
<input type="text" class="textbox" name="keywords" value="Suchbegriff(e)" onfocus="this.value=''" style="background: url(images/lupe.gif) norepeat; padding-left: 20px;" />
Den "padding-left"-Wert musst Du dementsprechend anpassen.
En-Gedi schrieb:Ersetze in Deinem Code:
PHP-Code:
<input type="text" class="textbox" name="keywords" value="Suchbegriff(e)" onfocus="this.value=''" />
durch:
PHP-Code:
<input type="text" class="textbox" name="keywords" value="Suchbegriff(e)" onfocus="this.value=''" style="background: url(images/lupe.gif) norepeat; padding-left: 20px;" />
Den "padding-left"-Wert musst Du dementsprechend anpassen.
Auch dies klappt nicht
Nun sieht es so aus [
attachment=6549]
Es ist zwar breiter gewurden was ich mit Padding left änder kann eine Lupe ist trotzdem nicht davor..
Grüße
//
Hier mal der komplette Inhalt
Sorry ... Schreibfehler (die Batterien meiner Funk-Tastatur lassen nach; dadurch werden manchmal Zeichen übersprungen)!
Ersetze im Code "norepeat" durch "no-repeat", dann sollte es eigentlich funktionieren.
En-Gedi schrieb:Sorry ... Schreibfehler (die Batterien meiner Funk-Tastatur lassen nach; dadurch werden manchmal Zeichen übersprungen)!
Ersetze im Code "norepeat" durch "no-repeat", dann sollte es eigentlich funktionieren.
Funktioniert danke an euch allen!
Grüße
So.
Kann ich das ganze auch noch mit CSS verfeinern ?
<div id="search">
is bereit's im Header auch ein CSS Code..;
.search {
css
Hätte das so ähnlich wie bei "MyBBoard.de"
Klar kannst du es mit CSS noch verschönern. Dazu musst du dem HTML-Code aber erstmal eine Klasse oder ID zuweisen.