Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2577 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  OnMouseOver sur texte dans un tableau

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

OnMouseOver sur texte dans un tableau

n°1235210
pcarpet
Posté le 31-10-2005 à 17:25:41  profilanswer
 

    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!

mood
Publicité
Posté le 31-10-2005 à 17:25:41  profilanswer
 

n°1235262
jouj
Posté le 31-10-2005 à 18:04:08  profilanswer
 

je propose de remplacer #apres par #avant:hover


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

---------------
+jouj+
n°1235269
pcarpet
Posté le 31-10-2005 à 18:13:22  profilanswer
 

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

n°1235275
jouj
Posté le 31-10-2005 à 18:19:10  profilanswer
 

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


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

---------------
+jouj+
n°1235317
pcarpet
Posté le 31-10-2005 à 19:09:25  profilanswer
 

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

n°1235319
omega2
Posté le 31-10-2005 à 19:11:57  profilanswer
 

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

n°1235323
Roane
Pingouino's fan
Posté le 31-10-2005 à 19:15:27  profilanswer
 

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
n°1235334
pcarpet
Posté le 31-10-2005 à 19:35:17  profilanswer
 

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!  

n°1235339
Roane
Pingouino's fan
Posté le 31-10-2005 à 19:39:38  profilanswer
 

.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
n°1235340
pcarpet
Posté le 31-10-2005 à 19:45:12  profilanswer
 

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!

mood
Publicité
Posté le 31-10-2005 à 19:45:12  profilanswer
 

n°1235342
Roane
Pingouino's fan
Posté le 31-10-2005 à 19:50:26  profilanswer
 

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
n°1235384
pcarpet
Posté le 31-10-2005 à 21:10:14  profilanswer
 

ok merci c super

n°1235397
CNeo
Posté le 31-10-2005 à 22:08:05  profilanswer
 

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.

n°1235399
CNeo
Posté le 31-10-2005 à 22:10:19  profilanswer
 

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.

n°1235478
omega2
Posté le 01-11-2005 à 08:49:42  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  OnMouseOver sur texte dans un tableau

 

Sujets relatifs
[PHP] Supprimer une valeur d'un tableau[débutant] Image dans un tableau...
mise en forme de texte[PHP / HTML] Bloqué dans mon tableau
Méthode de remplissage de tableauBatch remplacement de texte
Modifier la nième ligne d'un fichier textecomment convertir du texte en numérique
onMouseOut/onMouseOver/etcCompter le nombre de ligne d un tableau vba excel
Plus de sujets relatifs à : OnMouseOver sur texte dans un tableau


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR