[CSS] background-image et atribut alt

Version imprimable

Bonjour à tous. J'ai un formulaire, et je définit les propriétés de mon bouton comme suit :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 input.bouton_rechercher { background-color: #70C0FD; background-image: url(/dev/IMGS/INTERFACE/loupe.gif); background-repeat: no-repeat; color: black; font-size: 8px; width:20px; height:20px; } <input type="submit" name="Submit_main" value="" class="bouton_rechercher">
pas de value pour afficher simplement une icone. Problème, avec links, on peut certes cliquer sur le bouton, mais il faut le trouver :?

Ma question est la suivante : y a-t-il un moyen quelconque de spécifier dans mon CSS un texte alternatif pour l'image de fond svp ?
ou bien un paramètre à rajouter à mon input ?

Merci d'avance

18/01/2006, 11h25
SpaceFrog

pas en css ...

mais qu'entends tu pas texte alternatif ...

attribut alt ?
18/01/2006, 11h32
ilood

Salut,

Tu peux ajouter un <input type="submit" title="Rechercher" ...>

Mais pourquoi ne pas utiliser un <input type="image" ...> :?: Plus adapté que le bricolage d'un <input type="submit"..>
18/01/2006, 11h35
titoumimi

Citation:

Envoyé par SpaceFrog

pas en css ...

mais qu'entends tu pas texte alternatif ...

attribut alt ?

c'est exactement ce que j'entendait :-)

Citation:

Envoyé par ilood

Salut,

Tu peux ajouter un <input type="submit" title="Rechercher" ...>

Mais pourquoi ne pas utiliser un <input type="image" ...> :?: Plus adapté que le bricolage d'un <input type="submit"..>

Je pourrai toujours me servir de ce type pour valider mon formulaire ??? je vais de ce pas me renseigner (et essayer le title).

EDIT : même avec le title="toto", ca ne me l'affiche pas dans links :-(
18/01/2006, 11h43
ilood

Citation:

Envoyé par titoumimi

Je pourrai toujours me servir de ce type pour valider mon formulaire ??? je vais de ce pas me renseigner (et essayer le title).

Oui le input type image permet de valider un formulaire en remplaçant un bouton par une image

Citation:

Envoyé par titoumimi

EDIT : même avec le title="toto", ca ne me l'affiche pas dans links :-(

Je te propose alors un

Code:

<input type="image" src="/dev/IMGS/INTERFACE/loupe.gif" width="20" height="20" alt="Rechercher" name="Submit_main" class="bouton_rechercher">

;)
18/01/2006, 11h51
titoumimi

merci, merci, et encore merci !!!! :D
bon, par contre, ca perd le comportement d'un bouton lors d'un clic (impression d'enfoncement), mais je vais le gérer :-)
merci encore.

(j'en ai profité pour dégager le class="bouton_rechercher" qui ne me servait plus à rien au passage :lol: )
18/01/2006, 11h59
SpaceFrog

a ce moment là faut gerer les bordures du bouton sur le onmousedown et onmouseup ...

cadeau :

Code:

1
2
3
4
5
6
7
8
9
10
11
<style type='text/css'>
.up {border:outset 2px ;
	  }
.down {border :inset 2px ;
	  }
</style>
</head>
<body>
 
 
<input type="button" class="up" onmousedown="this.className='down';" onmouseup="this.className='up';" value="bouton" />

18/01/2006, 12h11
titoumimi

terrible, on est même servi sur un plateau d'argent ici maintenant :lol:

un très gros merci à vous deux.