Submit Button mit Bild

[okni]

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

[Sebastian]

HI

das ginge zum Beispiel per CSS.

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

[okni]

HI

das ginge zum Beispiel per CSS.

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!?

[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

<!-- 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 -->

[okni]

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

<!-- 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

<!-- 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 -->