[CSS] background-image et atribut alt

**titoumimi** · 18/01/2006, 10h43

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 18/01/2006, 11h25

pas en css ...

mais qu'entends tu pas texte alternatif ...

attribut alt ?

**ilood** · 18/01/2006, 11h32

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"..>

**titoumimi** · 18/01/2006, 11h35

Envoyé par SpaceFrog

pas en css ...

mais qu'entends tu pas texte alternatif ...

attribut alt ?

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

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 :-(

**ilood** · 18/01/2006, 11h43

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

Envoyé par titoumimi

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

Je te propose alors un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**titoumimi** · 18/01/2006, 11h51

merci, merci, et encore merci !!!!

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

)

**SpaceFrog** · 18/01/2006, 11h59

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

**SpaceFrog** · 18/01/2006, 12h06

cadeau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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" />

**titoumimi** · 18/01/2006, 12h11

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

un très gros merci à vous deux.

[CSS] background-image et atribut alt

CSS

Vue hybride

Discussions similaires

Partager

Partager