Remplacer lien "Rechercher" par une image

Snoopy

Flammeche

Age : 45 ans
Messages : 40
Inscrit : 19 Janvier 2006

22 Décembre 2009, 9:48

Bonjour,

J'aimerais remplacer le lien "Rechercher", situé dans le header, par une image, svp.
Le code actuel :

Code (Sélectionner le code)

<input type="submit" id="submit" name="submit" value="{LG_SEARCH}" class="submit" />

Merci pour votre aide :wink:

Soleil.R

Equipe de support

Age : 31 ans
Messages : 291
Inscrit : 04 Mars 2009

22 Décembre 2009, 19:04

Je pense qu'il suffirait de changer le type="submit" en type="image" (et de rajouter les attributs src et alt)

Voir un exemple ici : http://www.w3schools.com/tags/att_input_type.asp

Mon domaine de compétences est assez éloigné de l'informatique mais si je peux vous aider, je le ferai.

Snoopy

Flammeche

Age : 45 ans
Messages : 40
Inscrit : 19 Janvier 2006

22 Décembre 2009, 19:39

Merci

Effectivement, j'ai mis :

Code (Sélectionner le code)

<input type="image" src="http://127.0.0.1/monsite/forum/tpl/WhiteSummer/img/layout/bouton_search.gif" class="bouton_search" name="submit" alt="Rechercher"/>

Mais la bordure (orange) du "hover" est conservée !
et dans le css j'ai :

Code (Sélectionner le code)

.bouton_search, a.bouton_search, a.bouton_search:hover
{
	border: 0;
}

Spark

Etoile

Messages : 2697
Inscrit : 24 Juin 2006

22 Décembre 2009, 21:15

Oui c'est vrai qu'un bouton de type "soumettre le formulaire" ca ne sert à rien ^_^

Pourquoi ne pas plutôt mettre une image en background en CSS et mettre value=""

Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet

Deathy

Brasier

Age : 21 ans
Messages : 782
Inscrit : 18 Septembre 2006

26 Décembre 2009, 21:59

Spark a raison, c'est le moyen le plus efficace je trouve.

A voir ici: http://www.l2holy.eu/vote.php
Ce sont deux inputs les images

http://www.cyberlife.be/ressources/newsignature.png

Remplacer lien "Rechercher" par une image