changement d'image et de couleur au survol

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics

spalie
WRInaute discret
WRInaute discret
 
Messages: 63
Inscription: Mer Avr 19, 2006 10:29

changement d'image et de couleur au survol

Message le Mer Juin 14, 2006 9:22

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"

Code: Tout sélectionner
<td class="titre_choix" colspan="2"><div id="fleche"></div> Choisissez les mots clés qui correspondent à votre recherche : </td>


Image

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: Mar Juin 22, 2004 14:41

Message le Mer Juin 14, 2006 23:45

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

++


The ghost
Nouveau WRInaute
 
Messages: 28
Inscription: Ven Juin 09, 2006 2:34

Message le Jeu Juin 15, 2006 1:48

Salut,

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/


Pandore
WRInaute accro
WRInaute accro
 
Messages: 1429
Inscription: Ven Oct 14, 2005 22:38

Message le Ven Juin 16, 2006 14:23

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 ... :roll:

Donc solution à éviter :wink:


The ghost
Nouveau WRInaute
 
Messages: 28
Inscription: Ven Juin 09, 2006 2:34

Message le Sam Juin 17, 2006 9:59

Bonjour,

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


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 :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité