Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage JavaScript Image + texte sur bouton ???

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
------------------------------------------------------------------------------------
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2
Avatar
ASM
Bonjour,


Salut'yxe (Le Troll)

je n'arrive pas à mettre une image et du texte sur un
bouton, pouvez-vous me dire ou est l'erreur, voici:


Oui, je peux le dire ! Si, Si, c'est vrai ! :-)

<input
type=button
style="backgroundimage:'revenir.gif'"


style="backgroundImage: url(revenir.gif);backgroundRepeat:no-repeat;"

VALUE=" mon texte "
onclick="location.href='http://...fr';">

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

Est-ce possible, comment faire ???


Mais çà ne fonctionne pas avec tous les navigateurs ... !

Merci beaucoup, au revoir et à bientôt :o)


Préférer (mais il y a d'autres possibilités) :

<a href="http://...fr" style="display:block;width:225px;height:25px;line-height:25px;
background:url(revenir.gif) no-repeat left center yellow; padding-left:30px;
border: 3px outset darkolivegreen;">
REVENIR
</a>

pour une image de 25px de haut et 25 px de large
et un bouton de 225px de large à fond jaune + bord verdâtre


--
Stephane Moriaux et son [moins] vieux Mac

Avatar
X
Merci Stéphane, mais:

Pourquoi tu mets toujours "url (path) Nom_fic.ext", si c'est dans le même
répertoire, ce n'est pas la peine, c'est implicite, non ???
--------




"ASM" a écrit dans le message
de news: 43ca5b58$0$20176$
Bonjour,


Salut'yxe (Le Troll)

je n'arrive pas à mettre une image et du texte sur un bouton, pouvez-vous
me dire ou est l'erreur, voici:


Oui, je peux le dire ! Si, Si, c'est vrai ! :-)

<input
type=button
style="backgroundimage:'revenir.gif'"


style="backgroundImage: url(revenir.gif);backgroundRepeat:no-repeat;"

VALUE=" mon texte "
onclick="location.href='http://...fr';">

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

Est-ce possible, comment faire ???


Mais çà ne fonctionne pas avec tous les navigateurs ... !

Merci beaucoup, au revoir et à bientôt :o)


Préférer (mais il y a d'autres possibilités) :

<a href="http://...fr"
style="display:block;width:225px;height:25px;line-height:25px;
background:url(revenir.gif) no-repeat left center yellow;
padding-left:30px;
border: 3px outset darkolivegreen;">
REVENIR
</a>

pour une image de 25px de haut et 25 px de large
et un bouton de 225px de large à fond jaune + bord verdâtre


--
Stephane Moriaux et son [moins] vieux Mac



Avatar
ASM
Merci Stéphane, mais:

Pourquoi tu mets toujours "url (path) Nom_fic.ext", si c'est dans le même
répertoire, ce n'est pas la peine, c'est implicite, non ???


Je ne vois pas de quoi tu parles,
- Si c'est de :
href="http://...fr"
c'est une copie du code que tu as donné
- Si c'est de :
background:url(revenir.gif) no-repeat left center yellow;
l'image 'revenir.gif' doit être dans même répertoire que la page thml
- Si c'est d'autre chose :
merci de préciser : quoi et où.

Préférer (mais il y a d'autres possibilités) :

<a href="http://...fr"
style="display:block;width:225px;height:25px;line-height:25px;
background:url(revenir.gif) no-repeat left center yellow;
padding-left:30px;
border: 3px outset darkolivegreen;">
REVENIR
</a>

pour une image de 25px de haut et 25 px de large
et un bouton de 225px de large à fond jaune + bord verdâtre




--
Stephane Moriaux et son [moins] vieux Mac


Avatar
X
Ah, ce que je voulais dire, ben tu mets pour l'image "ulr(image..."
Mais, chose que tu ne peux savoir préalablement, est-ce qu'il faut indiquer
l'url quand on est dans le même répertoire, je crois que non ???

-------------

"ASM" a écrit dans le message
de news: 43ca7e4b$0$6663$
Merci Stéphane, mais:

Pourquoi tu mets toujours "url (path) Nom_fic.ext", si c'est dans le même
répertoire, ce n'est pas la peine, c'est implicite, non ???


Je ne vois pas de quoi tu parles,
- Si c'est de :
href="http://...fr"
c'est une copie du code que tu as donné
- Si c'est de :
background:url(revenir.gif) no-repeat left center yellow;
l'image 'revenir.gif' doit être dans même répertoire que la page thml
- Si c'est d'autre chose :
merci de préciser : quoi et où.

Préférer (mais il y a d'autres possibilités) :

<a href="http://...fr"
style="display:block;width:225px;height:25px;line-height:25px;
background:url(revenir.gif) no-repeat left center yellow;
padding-left:30px;
border: 3px outset darkolivegreen;">
REVENIR
</a>

pour une image de 25px de haut et 25 px de large
et un bouton de 225px de large à fond jaune + bord verdâtre




--
Stephane Moriaux et son [moins] vieux Mac




Avatar
ASM
Ah, ce que je voulais dire, ben tu mets pour l'image "ulr(image..."
Mais, chose que tu ne peux savoir préalablement, est-ce qu'il faut indiquer
l'url quand on est dans le même répertoire, je crois que non ???


je crois bien que si
http://www.yoyodesign.org/doc/w3c/css2/colors.html#propdef-background-image

sauf peut-être avec ce damné IE et ses approximations ?


et puis, contrairement à ce qu'indique le w3c,
il ne faut ni ' ni " pour encadrer le nom du fichier d'image
sinon c'est le couac assuré avec tel ou tel brouteur.

bref,
je mets : url(monImage.jpg)

et pas : url('monImage.jpg') ni url("monImage.jpg")

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
X
Merci, ok chef :o)


"ASM" a écrit dans le message
de news: 43caa3e6$0$18338$
Ah, ce que je voulais dire, ben tu mets pour l'image
"ulr(image..."
Mais, chose que tu ne peux savoir préalablement, est-ce qu'il faut
indiquer l'url quand on est dans le même répertoire, je crois que non ???


je crois bien que si
http://www.yoyodesign.org/doc/w3c/css2/colors.html#propdef-background-image

sauf peut-être avec ce damné IE et ses approximations ?


et puis, contrairement à ce qu'indique le w3c,
il ne faut ni ' ni " pour encadrer le nom du fichier d'image
sinon c'est le couac assuré avec tel ou tel brouteur.

bref,
je mets : url(monImage.jpg)

et pas : url('monImage.jpg') ni url("monImage.jpg")

--
Stephane Moriaux et son [moins] vieux Mac



Avatar
Jean-Marc MOLINA
X wrote:
Bonjour, je n'arrive pas à mettre une image et du texte sur un
bouton, pouvez-vous me dire ou est l'erreur, voici:


Pourquoi ne pas utiliser l'élément BUTTON ? Il est plus puissant que INPUT
et te permet d'embarquer tout et n'importe quoi dans le nom du bouton, dont
des images et du texte. Dans la spécification HTML 4.01 on peut lire : «
Buttons created with the BUTTON element function just like buttons created
with the INPUT element, but they offer richer rendering possibilities: the
BUTTON element may have content. For example, a BUTTON element that contains
an image functions like and may resemble an INPUT element whose type is set
to "image", but the BUTTON element type allows content. ».

Avatar
ASM
X wrote:

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



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)

Il est plus puissant que INPUT
et te permet d'embarquer tout et n'importe quoi dans le nom du bouton, dont
des images et du texte. Dans la spécification HTML 4.01 on peut lire : «
Buttons created with the BUTTON element function just like buttons created
with the INPUT element, but they offer richer rendering possibilities: the
BUTTON element may have content. For example, a BUTTON element that contains
an image functions like and may resemble an INPUT element whose type is set
to "image", but the BUTTON element type allows content. ».


il lui faut :
- une image à gauche
et non pas une image complète du bouton (<input type=image / <button type=image)
- du texte à droite
et comme tant le button que l'input
et suivant le navigateur utilisé
n'acceptent pas un background ...

reste ... ? un lien stylé

solution à 1/2 satisfaisante si employé comme bouton de submit d'un form

dans ce dernier cas, un button ou input type=image
seront à choisir et restera à voir pour le texte s'il est possible en plus ?

(à mon idée)

--
Stephane Moriaux et son [moins] vieux Mac


Avatar
newdb
ASM wrote:
X wrote:
Bonjour, je n'arrive pas à mettre une image et du texte sur un
bouton, pouvez-vous me dire ou est l'erreur, voici:
Pourquoi ne pas utiliser l'élément BUTTON ?

il lui faut :

- une image à gauche
et non pas une image complète du bouton (<input type=image /
<button type=image)
- du texte à droite


et pourquoi ne pas coller 2 boutons côte-à-côte ? voire les superposer
de 1 px ?


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



Avatar
ASM
ASM wrote:

il lui faut :
- une image à gauche
et non pas une image complète du bouton (<input type=image /
<button type=image)
- du texte à droite



et pourquoi ne pas coller 2 boutons côte-à-côte ? voire les superposer
de 1 px ?


çà s'complique ! çà s'complique !
çà va bien lui plaire :-)

je m'en tiens à mon lien que je rappelle des fois que ...

<a href="http://...fr" style="display:block;width:225px;height:25px;line-height:25px;
background:url(revenir.gif) no-repeat left center yellow; padding-left:30px;
border: 3px outset darkolivegreen;">
REVENIR
</a>

pour une image de 25px de haut et 25 px de large
et un bouton de 225px de large à fond jaune + bord verdâtre

--
Stephane Moriaux et son [moins] vieux Mac


1 2