Submit Button mit Bild

hallo,

ich habe den Autocompleter installiert und die die linke spalte das "suchfeld" eingefügt.
Nun möchte ich anstelle von dem "Suchen Button" einfach ein bild, ne lupe haben.
weiß jemand wo ich das ändere und ist das updatesicher.

vielen dank

HI

das ginge zum Beispiel per CSS.

Code:

---

der-button-selektor {
 text-indent: -999em;
 background-image: url(pfad-zur-lupe);
 background-repeat: no-repeat;
 background-position: center center;
}

---

Zitat:

---

Zitat von Sebastian

HI

das ginge zum Beispiel per CSS.

Code:

---

der-button-selektor {
 text-indent: -999em;
 background-image: url(pfad-zur-lupe);
 background-repeat: no-repeat;
 background-position: center center;
}

---

---

du meinst als hintergrundbild...
aber der klick auf die lupe soll das gleiche bewirken, als wenn ich auf den submit button klicke!?

Ist bei mir jetzt ein Modul vom typ eigener HTML Code
das Textfeld muss den namen "keywords" haben und dem Bild gibst du die Klasse submit.

Das Formular führt bei mir auf die Seite auf der das Modul "Suchmaschine" eingebunden ist

HTML-Code:

---

<!-- indexer::stop -->
<div id="searchpanel">
<form action="{{link_url::34}}" method="get">

<div class="search">
<input type="text" name="keywords" class="text" value="" />
<input type="image" src="tl_files/pfad/ico_s_search.gif" alt="Suche" class="submit" />
</div>

</form>
</div>
<!-- indexer::continue -->

---

Zitat:

---

Zitat von Sarvo

Ist bei mir jetzt ein Modul vom typ eigener HTML Code
das Textfeld muss den namen "keywords" haben und dem Bild gibst du die Klasse submit.

Das Formular führt bei mir auf die Seite auf der das Modul "Suchmaschine" eingebunden ist

HTML-Code:

---

<!-- indexer::stop -->
<div id="searchpanel">
<form action="{{link_url::34}}" method="get">

<div class="search">

<input type="text" name="keywords" class="text" value="" />
<input type="image" src="tl_files/pfad/ico_s_search.gif" alt="Suche" class="submit" />
</div>

</form>
</div>
<!-- indexer::continue -->

---

---

sieht super aus! danke!
bei mir siehts jetzt so aus

Code:

---

<!-- indexer::stop -->
<div id="searchpanel">
<form action="index.php/search.html" method="get">

<div class="search">
<input type="text" name="keywords" class="text" value="" />
<input type="image" src="tl_files/music_academy/images/lupe.jpg" alt="Suche" class="submit" value="suchen" />
</div>

</form>
</div>
<!-- indexer::continue -->

---