changement d'image et de couleur au survol
5 messages
• Page 1 sur 1
- spalie
- WRInaute discret

- Messages: 63
- Inscription: 19 Avr 2006
changement d'image et de couleur au survol
salut à tous,
je suis en train de créer une page de recherche avancée et j'aurais voulu
qu'au passage de la souris le texte change de couleur.
Ensuite lorsqu'on clique sur le texte, la petite image (fleche vers la droite) se transforme en une autre image que j'ai crée (fleche vers le bas).
La petite image est dans une div "fleche" et le texte est dans un td ayant une class "titre_choix"
je sais faire en CSS avec le 'hover' mais sachant que la question n'est pas un lien, IE ne l'accepte pas.
et si possible si la fleche pouvait rester vers le bas apres le clique.
En fait tout ça c'est pour afficher le contenu de la question qui sera caché
si vous avez un idée ?
merci
je suis en train de créer une page de recherche avancée et j'aurais voulu
qu'au passage de la souris le texte change de couleur.
Ensuite lorsqu'on clique sur le texte, la petite image (fleche vers la droite) se transforme en une autre image que j'ai crée (fleche vers le bas).
La petite image est dans une div "fleche" et le texte est dans un td ayant une class "titre_choix"
- Code: Tout sélectionner
<td class="titre_choix" colspan="2"><div id="fleche"></div> Choisissez les mots clés qui correspondent à votre recherche : </td>
je sais faire en CSS avec le 'hover' mais sachant que la question n'est pas un lien, IE ne l'accepte pas.
et si possible si la fleche pouvait rester vers le bas apres le clique.
En fait tout ça c'est pour afficher le contenu de la question qui sera caché
si vous avez un idée ?
merci
- jobi1722
- Nouveau WRInaute

- Messages: 15
- Inscription: 22 Juin 2004
Salut,
tu devrais utiliser du javascript avec onMouseOver/Out avec les commandes
this.className='TonStyle' sur tes textes (dans une div par exemple) qui te permettra donc de changer la couleur et
this.src='tonImageRoll' sur l'image.
Je ne connais pas en CSS
++
tu devrais utiliser du javascript avec onMouseOver/Out avec les commandes
this.className='TonStyle' sur tes textes (dans une div par exemple) qui te permettra donc de changer la couleur et
this.src='tonImageRoll' sur l'image.
Je ne connais pas en CSS
++
-

The ghost - Nouveau WRInaute

- Messages: 28
- Inscription: 9 Juin 2006
Salut,
Je n'ai pas tout compris mais bon !
Déjà un div dans table ... oups
pour la couleur du texte :
mais c'est vraiment du bidouillage, le mieux serait sans tableau.
http://pompage.net/pompe/cssdezero-13/
Je n'ai pas tout compris mais bon !
Déjà un div dans table ... oups
pour la couleur du texte :
- Code: Tout sélectionner
<td class="titre_choix" colspan="2"><div id="fleche"></div><span> Choisissez les mots clés qui correspondent à votre recherche : </span></td>
- Code: Tout sélectionner
span:hover
{
color: #e9001d:
....
}
mais c'est vraiment du bidouillage, le mieux serait sans tableau.
http://pompage.net/pompe/cssdezero-13/
-

The ghost - Nouveau WRInaute

- Messages: 28
- Inscription: 9 Juin 2006
Bonjour,
Effectivement, pour y pallier on peut faire du bidouillage sur le bidouillage ...
Mais ce n'est pas très orthodoxe ... et je n'ai pas voulu trop insister.
Au fait je n'ai jamais éssayé un hover sur un form
Effectivement, pour y pallier on peut faire du bidouillage sur le bidouillage ...
- Code: Tout sélectionner
<a href="#">
<span>texte</span>
</a>
Mais ce n'est pas très orthodoxe ... et je n'ai pas voulu trop insister.
Au fait je n'ai jamais éssayé un hover sur un form
5 messages
• Page 1 sur 1
Lectures recommandées sur ce thème :
- Survol d'une cellule par le curseur : changement de couleur.
- Afficher / cacher un div au survol d'une image
- script affichage image lors survol d'un lien
- recherche script CSS STICKY FOOTER + image au click/survol
- afficher une image au survol de liens provenant d'une base
- changer une image au survol d'un lien + charger du contenu
- Modifier la couleur d'une image
- [ASTUCE ?] Texte et image de même couleur
- code couleur d'une image unie
- Changement de couleur sur PHOTOSHOP
Consultez la description détaillée des produits ou services de Google suivants : Google Image Labeler
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

