OVH Cloud OVH Cloud

Image + texte sur bouton ???

13 réponses
Avatar
X
Bonjour, je n'arrive pas à mettre une image et du texte sur un
bouton, pouvez-vous me dire ou est l'erreur, voici:

<input
type=button
style="backgroundimage:'revenir.gif'"
VALUE=" mon texte "
onclick="location.href='http://...fr';">

Je voudrais avoir sur le bouton
IMAGE(en début) + texte

Est-ce possible, comment faire ???

Merci beaucoup, au revoir et à bientôt :o)
------
Site
http://irolog.free.fr
Mail
http://irolog.free.fr/ecrire/index.htm
------------------------------------------------------------------------------------

3 réponses

1 2
Avatar
Laurent Vilday
Pourquoi ne pas utiliser l'élément BUTTON ?


et pourquoi ne pas donner un exemple avec BUTTON ?
(ne suis pas arrivé à avoir une image pour cela)


http://www.w3.org/TR/html401/interact/forms.html#h-17.5

en gros, ce qu'il faut retenir du blabla incompréhensible qui est écrit
la dessus :

1) <button> c'est comme un <input type="button">
2) <button> peut avoir un contenu
3) <button> peut avoir un type parmi button|submit|reset

donc en gros il faut voir le <button> comme un <div> qui hérite des
caractéristiques d'un <input type="button"> et il est donc parfaitement
valide de faire

<button type="submit"><img><p>mon contenu<p></button>

Ca passe au moins avec mes FF1.5, moz1.7.3, IE6 et Opera7.52. Par contre
les liens <a> ne semblent pas passer.

Et pour ce convaincre que c'est qu'un bête container au même titre qu'un
élément <div>, rien de mieux qu'une démo en ligne qu'un blabla :D
http://mokhet.com/tests/button.html

Mais bon, on est loin de javascript avec tout ça.

--
laurent


Avatar
newdb
Laurent Vilday wrote:
Et pour ce convaincre que c'est qu'un bête container au même titre qu'un
élément <div>, rien de mieux qu'une démo en ligne qu'un blabla :D
http://mokhet.com/tests/button.html


yes.
mais pour ce qui est du rendu...
<http://www.circaete.net/trucs/boutons.jpg>

bon. je sais ! navigateurs néanderthaliens sur machine protohistorique
(powermac G3) sous système précambrien (mac OS 9)...


--
@@@@@
E -00 comme on est very beaux dis !
' `) /
|_ =="

Avatar
ASM


et pourquoi ne pas donner un exemple avec BUTTON ?
(ne suis pas arrivé à avoir une image pour cela)


donc en gros il faut voir le <button> comme un <div>


vu comme çà, en effet.

Mais bon, on est loin de javascript avec tout ça.


Ha? ce n'était pas du JS ?
scrogneugneu !
On a encore oublié de me prévenir :-( merci de l'avoir fait :-)



--
Stephane Moriaux et son [moins] vieux Mac


1 2