OnMouseOver sur texte dans un tableau

OnMouseOver sur texte dans un tableau - HTML/CSS - Programmation

Marsh Posté le 31-10-2005 à 17:25:41    

    J'affiche mon texte dans une cellule par un style défini par la pseudo-balise nomée "avant" dans ma CSS et je souhaiterai que lorsque que la souris survole la case du texte ce dernier aie une police qui répond au style définie par la pseudo-balise nommé "apres".  
 
Ma CSS:
__________
#avant {
  font-family:Arial, Helvetica, sans-serif ;
  font-size:16px ;
  text-align:center ;
  color:#FAAA7E ;
       }
   
#apres {
  font-family:Arial, Helvetica, sans-serif ;
  font-size: 18px ;
  text-align:center ;
  color:#FF9933
       }
_________
 
Ma case:
_________
<td width="153" height="30" class="bg"><div id="avant">Accueil</div></td>
________
 
 
Je sais le faire pour une image mais pour du text je n'y arrive meme pas  :pt1cable:  
merci!

Reply

Marsh Posté le 31-10-2005 à 17:25:41   

Reply

Marsh Posté le 31-10-2005 à 18:04:08    

je propose de remplacer #apres par #avant:hover


Message édité par jouj le 31-10-2005 à 18:22:37

---------------
+jouj+
Reply

Marsh Posté le 31-10-2005 à 18:13:22    

OK sa, c fait! Merci! mais sa resoud pas mon truc...

Reply

Marsh Posté le 31-10-2005 à 18:19:10    

bin, ça devrait, j'ai testé en plus...
je comprends pas...


Message édité par jouj le 31-10-2005 à 18:22:58

---------------
+jouj+
Reply

Marsh Posté le 31-10-2005 à 19:09:25    

Le probleme c qu'i faut surement utiliser OnMouseOver/Out et je c pas comment faire...

Reply

Marsh Posté le 31-10-2005 à 19:11:57    

en css, tu te contre fous des onmousemachin. :hover veut dire qui est survolé et quand c'est plus survolé alors ce n'est plus :hover . Spap plus compliqué. ;)

Reply

Marsh Posté le 31-10-2005 à 19:15:27    

Ouais je sais pas pourquoi depuis quelques temps CNeo parle de onmouseoutr dans ses menus en CSS, style que y a besoin de ça.
 
Comme si les menus d'alsacréations étaient pas corrects ... En plus il utilise un .htc, le truc à esquiver à tout prix  [:benou_miam]

Message cité 1 fois
Message édité par Roane le 31-10-2005 à 19:15:59

---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 31-10-2005 à 19:35:17    

Ok j'ai suivit vos conseils et excuser mes connaissances trés limités...
 
Maintenentma CSS ressemble a sa:
 
#avant {
  font-family:Arial, Helvetica, sans-serif ;
  font-size:16px ;
  text-align:center ;
  color:#FF0000 ;
       }
   
#avant:hover {
  font-family:Arial, Helvetica, sans-serif ;
  font-size: 24px ;
  text-align:center ;
  color:#FF9933
              }
 
Ma cellule est la même...
et sa march pas... Ps: C koi .htc!  

Reply

Marsh Posté le 31-10-2005 à 19:39:38    

.htc définit des comportements mais il vaut mieux pour toi de ne pas t'en occuper, c'est pas vraiment bien ni utile d'utiliser ça.
 
Ca ne marche pas sous ie ? C'est normal, IE est un clampin qui ne reconnait le :hover que pour les liens.  
 
Teste sous firefox ou opera tu verras que ça fonctionne.


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 31-10-2005 à 19:45:12    

Effectivement sa fonctionne! Mais le lien ne serrai tarder! Je vous remercie beaucoup pour votre aide! Je vais maintenent approfondire sur les CSS! Vous auriez pas liens de tutos ou de cours... Merci!

Reply

Marsh Posté le 31-10-2005 à 19:45:12   

Reply

Marsh Posté le 31-10-2005 à 19:50:26    

Ma signature :)


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 31-10-2005 à 21:10:14    

ok merci c super

Reply

Marsh Posté le 31-10-2005 à 22:08:05    

Roane a écrit :

Ouais je sais pas pourquoi depuis quelques temps CNeo parle de onmouseoutr dans ses menus en CSS, style que y a besoin de ça.
 
Comme si les menus d'alsacréations étaient pas corrects ... En plus il utilise un .htc, le truc à esquiver à tout prix  [:benou_miam]


 
Pour ton information, j'ai mis du JavaScript car il passe aussi bien sous FF que sous IE, ensuite si JavaScript est introuvable le .htc permet à IE d'interprêter correctement les :hover et si l'utilisateur n'autorise pas le .htc alors il suffit de faire attention à ce que toute les pages soit accessibles à partir du niveau 1 du menu qui est lui toujours visible.
 
De plus les menus d'alsacréations ne sont pas faits pour intégrer des sous-sous-menus.
 
Cependant n'allaient pas croire que je crache sur alsacréations qui est un site très très bien et plein de ressources.

Reply

Marsh Posté le 31-10-2005 à 22:10:19    

pcarpet a écrit :

J'affiche mon texte dans une cellule par un style défini par la pseudo-balise nomée "avant" dans ma CSS et je souhaiterai que lorsque que la souris survole la case du texte ce dernier aie une police qui répond au style définie par la pseudo-balise nommé "apres".  
 
Ma CSS:
__________
#avant {
  font-family:Arial, Helvetica, sans-serif ;
  font-size:16px ;
  text-align:center ;
  color:#FAAA7E ;
       }
   
#apres {
  font-family:Arial, Helvetica, sans-serif ;
  font-size: 18px ;
  text-align:center ;
  color:#FF9933
       }
_________
 
Ma case:
_________
<td width="153" height="30" class="bg"><div id="avant">Accueil</div></td>
________
 
 
Je sais le faire pour une image mais pour du text je n'y arrive meme pas  :pt1cable:  
merci!


 
 
La meilleur solution est de faire comme pour mes menus.

Reply

Marsh Posté le 01-11-2005 à 08:49:42    

CNeo a écrit :

De plus les menus d'alsacréations ne sont pas faits pour intégrer des sous-sous-menus.

Rien n'empéche de les adapter pour en faire un menu à x niveau. Vu comment sont fait les menu d'alsacréation, ca doit pas être trés compliqué à faire.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed