Discussion :

[Isalyn]

N'ayant reussi qu'a trouver des reponses purement html/css sur ce probleme qui ne fonctionne pas donc je m'en remets au forum Javascript

Mon probleme est simple, j'ai plusieurs boutons de formulaire faisant appel a des fonctions Javascript que j'aimerais afficher a l'aide d'images plutot que par de simples boutons.

J'ai essaye de differentes manieres sans succes (balises image, type="images", modifications du css)

Voici mes boutons :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<form>
<p><input type="button" onclick="pause();" value="Pause"/></p>
</form>
 
 
 
<form>
 
<select name="vitesse" id="val">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
 
<p><input type="button" onclick="speed();" value="Changer la vitesse"/></p>
</form>

Merci de votre aide

Cordialement
Isalyn

[SpaceFrog]

heu ben un background-image sur tes bouton suffirait non ?

[Isalyn]

J'ai deja essaye ce genre de choses en les mettant dans une div de ce style sans succes

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
<div class="myButton">
<form>
<p><input type="button" onclick="pause();" value="Pause"/></p>
</form>
</div>
 
CSS
div.myButton {
background:url("images/xx.jpg") no-repeat;
border: solid 1px ;
height:10px ;
width:10px;
}

[kernelfailure]

Et ça ? :

Code :

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

<input type="image" ... >

[SpaceFrog]

mets le class au bouton ! pas au div !!!

le souci de l'inout type image est qu'il reagit comme un submit ce qui n'est peut etre pas l'effet souhaité ...

[kernelfailure]

...
le souci de l'input type image est qu'il reagit comme un submit ce qui n'est peut etre pas l'effet souhaité ...

Ca devrait bloquer le submit :

Code :

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

...onclick="...; return false">