bouton et image

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.

merci d'avance.

F.F;

highvalue a écrit :

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.

Voila
Bye
--
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.

cordialement,

Thibault

j'utilise
dans style.css


a.bouton {
display: block;
width: 175px;
height: 25px;
background: url(imgs\bouton.jpg) no-repeat;
border: 0;
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #fff;
text-decoration: none;
}




et dans mon index.php


<a style="top: 290px;position:relative;left: 749px;position:absolute"
class="bouton" href="lien" title="cliquez !">Forum</a>


voila, ya certainement des erreurs mais ça marche

Matt a ecrit :

a style="top: 290px;position:relative;left: 749px;position:absolute"
class="bouton" href="lien" title="cliquez !">Forum</a

voila, ya certainement des erreurs mais ça marche

c'est position soit relative soit absolute
ici ce sera absolute puisque le dernier de la liste


On peut ajouter un effet rollover en stylant en plus

a.bouton:hover { background-image: url(imgs/bouton_over.jpg);}

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

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$626a14ce (AT) news (DOT) free.fr...

j'utilise
dans style.css


a.bouton {
display: block;
width: 175px;
height: 25px;
background: url(imgs\bouton.jpg) no-repeat;
border: 0;
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #fff;
text-decoration: none;
}




et dans mon index.php


a style="top: 290px;position:relative;left: 749px;position:absolute"
class="bouton" href="lien" title="cliquez !">Forum</a


voila, ya certainement des erreurs mais ça marche

highvalue a écrit :

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

Philippe Chaissac wrote:

highvalue a écrit :

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.

oui en css et sans js

http://perso.wanadoo.fr/stephane.mor..._etats_css.htm

--
Stephane Moriaux et son [moins] vieux Mac

ASM a écrit :

http://perso.wanadoo.fr/stephane.mor..._etats_css.htm

Tiens, tu as un problème d'encodage, tu déclares de l'UTF-8 mais le
titre h2, par exemple, donne ceci :
Bouton ?? 3 ??tats en css avec une seule image

Philippe Chaissac wrote:

ASM a écrit :

http://perso.wanadoo.fr/stephane.mor..._etats_css.htm


Tiens, tu as un problème d'encodage,

J'ai vu çà avec horreur
tu as dû louper de peu la réparation


--
Stephane Moriaux et son [moins] vieux Mac