je ne sais pas si la question relève de HTML ou JAVASCRIPT, vous me le
direz.
Je cherche à définir un lien à partir d'un bouton (jusque là ça va) le
problème est le suivant :
Je souhaiterais que le fond du bouton soit constitué d'une image (uniquement
le fond) et que le texte soit défini dans le code.
Est-ce possible ? je n'ai rien touvé là-dessus.
J'ai déjà fait des boutons sous forme d'images cliquables (même avec 3 états
: normal, survolé, sélectionné) mais chaque bouton est une image, texte
compris. Cette formule manque de souplesse pour le projet que j'ai en tête.
je ne sais pas si la question relève de HTML ou JAVASCRIPT, vous me le direz.
Je cherche à définir un lien à partir d'un bouton (jusque là ça va) le problème est le suivant :
Je souhaiterais que le fond du bouton soit constitué d'une image (uniquement le fond) et que le texte soit défini dans le code.
Est-ce possible ? je n'ai rien touvé là-dessus.
J'ai déjà fait des boutons sous forme d'images cliquables (même avec 3 états : normal, survolé, sélectionné) mais chaque bouton est une image, texte compris. Cette formule manque de souplesse pour le projet que j'ai en tête. Salut,
Puisque tu veux que le bouton soit un conteneur de texte, il te faut utiliser un objet HTML qui contienne du texte. Par exemple un <div> ou un <td>. C'est une solution un peu, batarde, mais elle est néanmoins simple à mettre en place :
<table> <tr> <!-- mettre le td à la taille de l'image evidemment --> <td onclick="document.location.href='toto.html';" onmouseover="alert('over');">mon bouton</td> </tr> </table>
Pour ce qui est de la sélection, il faudrait que tu rajoutes un tabindex, pour qu'il soit accessible via la touche tab à mon avis.
merci d'avance.
F.F;
A noter que si ton but est de créer des séries de boutons différents, peut etre devrais tu utiliser une systeme de génération de boutons à la volée. Par exemple avec PHP GD. Ca te permettrait d'avoir les images d'un coté, et les textes de l'autre et de merge les deux pour avoir une sortie propre.
Voila Bye -- Thibault
bonjour,
je ne sais pas si la question relève de HTML ou JAVASCRIPT, vous me le
direz.
Je cherche à définir un lien à partir d'un bouton (jusque là ça va) le
problème est le suivant :
Je souhaiterais que le fond du bouton soit constitué d'une image (uniquement
le fond) et que le texte soit défini dans le code.
Est-ce possible ? je n'ai rien touvé là-dessus.
J'ai déjà fait des boutons sous forme d'images cliquables (même avec 3 états
: normal, survolé, sélectionné) mais chaque bouton est une image, texte
compris. Cette formule manque de souplesse pour le projet que j'ai en tête.
Salut,
Puisque tu veux que le bouton soit un conteneur de texte, il te faut
utiliser un objet HTML qui contienne du texte.
Par exemple un <div> ou un <td>. C'est une solution un peu, batarde,
mais elle est néanmoins simple à mettre en place :
<table>
<tr>
<!-- mettre le td à la taille de l'image evidemment -->
<td onclick="document.location.href='toto.html';"
onmouseover="alert('over');">mon bouton</td>
</tr>
</table>
Pour ce qui est de la sélection, il faudrait que tu rajoutes un
tabindex, pour qu'il soit accessible via la touche tab à mon avis.
merci d'avance.
F.F;
A noter que si ton but est de créer des séries de boutons différents,
peut etre devrais tu utiliser une systeme de génération de boutons à la
volée. Par exemple avec PHP GD.
Ca te permettrait d'avoir les images d'un coté, et les textes de l'autre
et de merge les deux pour avoir une sortie propre.
je ne sais pas si la question relève de HTML ou JAVASCRIPT, vous me le direz.
Je cherche à définir un lien à partir d'un bouton (jusque là ça va) le problème est le suivant :
Je souhaiterais que le fond du bouton soit constitué d'une image (uniquement le fond) et que le texte soit défini dans le code.
Est-ce possible ? je n'ai rien touvé là-dessus.
J'ai déjà fait des boutons sous forme d'images cliquables (même avec 3 états : normal, survolé, sélectionné) mais chaque bouton est une image, texte compris. Cette formule manque de souplesse pour le projet que j'ai en tête. Salut,
Puisque tu veux que le bouton soit un conteneur de texte, il te faut utiliser un objet HTML qui contienne du texte. Par exemple un <div> ou un <td>. C'est une solution un peu, batarde, mais elle est néanmoins simple à mettre en place :
<table> <tr> <!-- mettre le td à la taille de l'image evidemment --> <td onclick="document.location.href='toto.html';" onmouseover="alert('over');">mon bouton</td> </tr> </table>
Pour ce qui est de la sélection, il faudrait que tu rajoutes un tabindex, pour qu'il soit accessible via la touche tab à mon avis.
merci d'avance.
F.F;
A noter que si ton but est de créer des séries de boutons différents, peut etre devrais tu utiliser une systeme de génération de boutons à la volée. Par exemple avec PHP GD. Ca te permettrait d'avoir les images d'un coté, et les textes de l'autre et de merge les deux pour avoir une sortie propre.
Voila Bye -- Thibault
highvalue
merci,
A noter que si ton but est de créer des séries de boutons différents, peut etre devrais tu utiliser une systeme de génération de boutons à la volée. Par exemple avec PHP GD. Ca te permettrait d'avoir les images d'un coté, et les textes de l'autre et de merge les deux pour avoir une sortie propre.
C'est effectivement l'idée sous-jacente.
Par exemple sur une page "mensuelle" de "JUIN" je voudrais remplacer le lien "mois suivant" par "juillet" et ne pas avoir à construire une image par mois.
ça me permettrait aussi de faire évoluer un jour ma charte graphique plus simplement en ne substituant que les images de fond de bouton.
cordialement,
Thibault
merci,
A noter que si ton but est de créer des séries de boutons différents,
peut etre devrais tu utiliser une systeme de génération de boutons à la
volée. Par exemple avec PHP GD.
Ca te permettrait d'avoir les images d'un coté, et les textes de l'autre
et de merge les deux pour avoir une sortie propre.
C'est effectivement l'idée sous-jacente.
Par exemple sur une page "mensuelle" de "JUIN" je voudrais remplacer le
lien "mois suivant" par "juillet" et ne pas avoir à construire une image par
mois.
ça me permettrait aussi de faire évoluer un jour ma charte graphique plus
simplement en ne substituant que les images de fond de bouton.
A noter que si ton but est de créer des séries de boutons différents, peut etre devrais tu utiliser une systeme de génération de boutons à la volée. Par exemple avec PHP GD. Ca te permettrait d'avoir les images d'un coté, et les textes de l'autre et de merge les deux pour avoir une sortie propre.
C'est effectivement l'idée sous-jacente.
Par exemple sur une page "mensuelle" de "JUIN" je voudrais remplacer le lien "mois suivant" par "juillet" et ne pas avoir à construire une image par mois.
ça me permettrait aussi de faire évoluer un jour ma charte graphique plus simplement en ne substituant que les images de fond de bouton.
cordialement,
Thibault
Cédric Correa Luna
Bonjour,
tu peux aussi simplement utiliser css :
.but_test { background-color: #FFFFFF; // couleur de fond si nécessaire background-image: url(/chemin/image.gif); background-repeat: no-repeat; height: 20px; // pour que l'image ne soit pas tronquée width: 120px; // pour que l'image ne soit pas tronquée }
puis :
<input name="Submit" type="submit" class="but_test" value="Ce que tu veux">
Mais cela n'a rien à voir avec javascript.
Cordialement, Cédric.
merci,
A noter que si ton but est de créer des séries de boutons différents, peut etre devrais tu utiliser une systeme de génération de boutons à la volée. Par exemple avec PHP GD. Ca te permettrait d'avoir les images d'un coté, et les textes de l'autre et de merge les deux pour avoir une sortie propre.
C'est effectivement l'idée sous-jacente.
Par exemple sur une page "mensuelle" de "JUIN" je voudrais remplacer le lien "mois suivant" par "juillet" et ne pas avoir à construire une image par mois.
ça me permettrait aussi de faire évoluer un jour ma charte graphique plus simplement en ne substituant que les images de fond de bouton.
cordialement,
Thibault
Bonjour,
tu peux aussi simplement utiliser css :
.but_test {
background-color: #FFFFFF; // couleur de fond si nécessaire
background-image: url(/chemin/image.gif);
background-repeat: no-repeat;
height: 20px; // pour que l'image ne soit pas tronquée
width: 120px; // pour que l'image ne soit pas tronquée
}
puis :
<input name="Submit" type="submit" class="but_test" value="Ce que tu veux">
Mais cela n'a rien à voir avec javascript.
Cordialement,
Cédric.
merci,
A noter que si ton but est de créer des séries de boutons différents,
peut etre devrais tu utiliser une systeme de génération de boutons à la
volée. Par exemple avec PHP GD.
Ca te permettrait d'avoir les images d'un coté, et les textes de l'autre
et de merge les deux pour avoir une sortie propre.
C'est effectivement l'idée sous-jacente.
Par exemple sur une page "mensuelle" de "JUIN" je voudrais remplacer le
lien "mois suivant" par "juillet" et ne pas avoir à construire une image par
mois.
ça me permettrait aussi de faire évoluer un jour ma charte graphique plus
simplement en ne substituant que les images de fond de bouton.
.but_test { background-color: #FFFFFF; // couleur de fond si nécessaire background-image: url(/chemin/image.gif); background-repeat: no-repeat; height: 20px; // pour que l'image ne soit pas tronquée width: 120px; // pour que l'image ne soit pas tronquée }
puis :
<input name="Submit" type="submit" class="but_test" value="Ce que tu veux">
Mais cela n'a rien à voir avec javascript.
Cordialement, Cédric.
merci,
A noter que si ton but est de créer des séries de boutons différents, peut etre devrais tu utiliser une systeme de génération de boutons à la volée. Par exemple avec PHP GD. Ca te permettrait d'avoir les images d'un coté, et les textes de l'autre et de merge les deux pour avoir une sortie propre.
C'est effectivement l'idée sous-jacente.
Par exemple sur une page "mensuelle" de "JUIN" je voudrais remplacer le lien "mois suivant" par "juillet" et ne pas avoir à construire une image par mois.
ça me permettrait aussi de faire évoluer un jour ma charte graphique plus simplement en ne substituant que les images de fond de bouton.
Mais il vaut mieux n'avoir qu'une image du bouton avec ses 2 états superposés on passe d'un état à l'autre en faisant glisser l'image de background
questionner google à propos de "portes coulissantes et css" ou "slide doors and css"
-- ******************************************************* Stéphane MORIAUX et son vieux Mac Aide Pages Perso (images & couleurs, formulaire, CHP) http://perso.wanadoo.fr/stephane.moriaux/internet/ *******************************************************
Jérémie Fouché
Bonjour,
tu peux aussi simplement utiliser css :
.but_test { background-color: #FFFFFF; // couleur de fond si nécessaire background-image: url(/chemin/image.gif); background-repeat: no-repeat; height: 20px; // pour que l'image ne soit pas tronquée width: 120px; // pour que l'image ne soit pas tronquée }
puis :
<input name="Submit" type="submit" class="but_test" value="Ce que tu veux">
Mais cela n'a rien à voir avec javascript.
Voire même, sous mozilla (pas IE) :
input[type=submit] { ... }
-- Jérémie
Bonjour,
tu peux aussi simplement utiliser css :
.but_test {
background-color: #FFFFFF; // couleur de fond si nécessaire
background-image: url(/chemin/image.gif);
background-repeat: no-repeat;
height: 20px; // pour que l'image ne soit pas tronquée
width: 120px; // pour que l'image ne soit pas tronquée
}
puis :
<input name="Submit" type="submit" class="but_test" value="Ce que tu veux">
.but_test { background-color: #FFFFFF; // couleur de fond si nécessaire background-image: url(/chemin/image.gif); background-repeat: no-repeat; height: 20px; // pour que l'image ne soit pas tronquée width: 120px; // pour que l'image ne soit pas tronquée }
puis :
<input name="Submit" type="submit" class="but_test" value="Ce que tu veux">
Mais cela n'a rien à voir avec javascript.
Voire même, sous mozilla (pas IE) :
input[type=submit] { ... }
-- Jérémie
highvalue
merci à tous, je vais essayer tout ça.
Frédéric faure http://frederic.faure.free.fr (mais alors, strictement aucun intérêt pour le moment, un peu comme la mire T.V)
"Matt" <matthieu562 (-2)@free.fr> a écrit dans le message de news:4230a597$0$28731$
je ne sais pas si la question relève de HTML ou JAVASCRIPT, vous me le direz.
Je cherche à définir un lien à partir d'un bouton (jusque là ça va) le problème est le suivant :
Je souhaiterais que le fond du bouton soit constitué d'une image (uniquement le fond) et que le texte soit défini dans le code.
Est-ce possible ? je n'ai rien touvé là-dessus.
Faire un <button type="submit">texte</button> et mettre une image dans la css, si c'est un formulaire. Sinon, un <a>texte</a>, ça le fait aussi, mais attention à la mise en page alors (utiliser un display:compact par exemple, ou un block en float).
bonjour,
je ne sais pas si la question relève de HTML ou JAVASCRIPT, vous me le
direz.
Je cherche à définir un lien à partir d'un bouton (jusque là ça va) le
problème est le suivant :
Je souhaiterais que le fond du bouton soit constitué d'une image (uniquement
le fond) et que le texte soit défini dans le code.
Est-ce possible ? je n'ai rien touvé là-dessus.
Faire un
<button type="submit">texte</button> et mettre une image dans la css, si
c'est un formulaire. Sinon, un <a>texte</a>, ça le fait aussi, mais
attention à la mise en page alors (utiliser un display:compact par
exemple, ou un block en float).
je ne sais pas si la question relève de HTML ou JAVASCRIPT, vous me le direz.
Je cherche à définir un lien à partir d'un bouton (jusque là ça va) le problème est le suivant :
Je souhaiterais que le fond du bouton soit constitué d'une image (uniquement le fond) et que le texte soit défini dans le code.
Est-ce possible ? je n'ai rien touvé là-dessus.
Faire un <button type="submit">texte</button> et mettre une image dans la css, si c'est un formulaire. Sinon, un <a>texte</a>, ça le fait aussi, mais attention à la mise en page alors (utiliser un display:compact par exemple, ou un block en float).
ASM
Philippe Chaissac wrote:
Je souhaiterais que le fond du bouton soit constitué d'une image (uniquement le fond) et que le texte soit défini dans le code.
