changement d'image et de couleur au survol
5 messages • Page 1 sur 1
Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics
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
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
++
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, il est en théorie possible de faire ce genre de code sur n'importe quelle balise mais en pratique seuls les navigateurs récents le peuvent. IE 6 (en inf) lui ne le fait que pour les liens ...
Donc solution à éviter
Donc solution à éviter
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
Formation recommandée sur ce thème :
Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.
Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.
Lectures recommandées sur ce thème :
- Nouveautés sur les recherches de Google Images
- Google change de favicon
- Changements de nom de domaine et TrustRank
- Petit changement pour Slurp (le robot de Yahoo)
- La terre vue par satellite : accord entre Google et Spot Image
- Google lance le service Latitude
- Photos aériennes de la France dans Microsoft Virtual Earth
- Ajouter un moteur de recherche d'images sur son site
- Idées d'optimisation du référencement des images
- Passage à l'heure d'été/hiver sur un forum phpBB
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 1 invité




le forum