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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Couleurs survol souris différent selon endroit sur la page

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Couleurs survol souris différent selon endroit sur la page

n°2031339
super_newb​ie_pro
A ta dispoition frère geek :P
Posté le 22-10-2010 à 10:20:00  profilanswer
 

Bonjour
Petite question svp car j'utilise WYSIWYG Web builder et je ne sais comment procéder pour certains codes.
J'ai inséré du texte de couleur rose non souligné. Mais je voulais que toute la zone où se trouve ce texte soit cliquable vers une autre page et que quand on passe la souris sur ce dernier, il y ait une couleur différente, sans soulignement et si possible que chaque zone de texte sur la page ait ses propres couleurs indépendantes quand on passe la souris dessus (indépendantes de ce qui est précisé en entête).
 
Voici le code d'une des zones de texte ;
 

Code :
  1. <a target="framecentrale" href="magasin0.html"><font style="font-size:13px" color="#FFC0CB" face="Arial">Magasin<br>
  2. <br>
  3. <br>
  4. <b>Lundi :</b>&nbsp; Fermé<br>
  5. <br>
  6. <br>
  7. Du <b>Mardi<br>
  8. </b>au <b>Samedi :</b><br>
  9. </font><font style="font-size:8px" color="#FFC0CB" face="Arial"><br>
  10. </font><font style="font-size:13px" color="#FFC0CB" face="Arial">10h - 12h<br>
  11. 15h - 20h</font><font style="font-size:8px" color="#FFC0CB" face="Arial"><br>
  12. </font><font style="font-size:13px" color="#FFC0CB" face="Arial"><br>
  13. <br>
  14. <b>Dimanche :</b></font><font style="font-size:13px" color="#FFFFFF" face="Arial"><br>
  15. </font><font style="font-size:8px" color="#FFFFFF" face="Arial"><br>
  16. </font><font style="font-size:13px" color="#FFFFFF" face="Arial">15h - 20h</font></a>


 
Cependant, mon texte de couleur rose, une fois que j'ai rajouté < a target blabla > devient souligné avec les couleurs définies pour les liens, survol etc... Et c'est ce surlignement qui change de couleur en fonction du survol de la souris, du click etc... mais le texte reste de même couleur.
 
Que taper comme code pour demander à ce que rien ne soit souligné et que ce soit le texte qui change de couleur quand on passe la souris dessus ? (je souhaiterais que le code soit précisé uniquement pour cette zone de texte et pas pour toute la page. Est ce possible ?
 
(voici le code du début de la page que je ne sais comment modifier avec précision avec WYSIWYG Web Builder car il ne permet pas de trifouiller dans le code directement, juste de faire des ajouts comme sur le screen) :
 
http://img179.imageshack.us/img179/957/htmlg.jpg
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>Untitled Page</title>
  5. <meta name="generator" content="WYSIWYG Web Builder - http://www.wysiwygwebbuilder.com">
  6. <style type="text/css">
  7. div#container
  8. {
  9.    width: 850px;
  10.    position: relative;
  11.    margin-top: 0px;
  12.    margin-left: auto;
  13.    margin-right: auto;
  14.    text-align: left;
  15. }
  16. </style>
  17. <style type="text/css">
  18. body
  19. {
  20.    text-align: center;
  21.    margin: 0;
  22.    background-color: #000000;
  23.    background-image: url(images/_bkgrnd.png);
  24.    color: #5A5A5A;
  25.    scrollbar-face-color: #D4D0C8;
  26.    scrollbar-arrow-color: #000000;
  27.    scrollbar-3dlight-color: #D4D0C8;
  28.    scrollbar-darkshadow-color: #404040;
  29.    scrollbar-highlight-color: #FFFFFF;
  30.    scrollbar-shadow-color: #808080;
  31.    scrollbar-track-color: #D4D0C8;
  32. }
  33. </style>
  34. <style type="text/css">
  35. a
  36. {
  37.    color: #FF0066;
  38. }
  39. a:visited
  40. {
  41.    color: #FF0066;
  42. }
  43. a:active
  44. {
  45.    color: #FF0066;
  46. }
  47. a:hover
  48. {
  49.    color: #FFE4E1;
  50. }
  51. </style>
  52. </head>


 
D'avance merci.


Message édité par super_newbie_pro le 22-10-2010 à 10:32:33

---------------
~ Camping thématique LA RESSOURCE sur l'autonomie ~
mood
Publicité
Posté le 22-10-2010 à 10:20:00  profilanswer
 

n°2031349
rufo
Pas me confondre avec Lycos!
Posté le 22-10-2010 à 10:32:11  profilanswer
 

Laisse tomber cette bouse de WYSIWYG Web Builder et apprend le HTML/CSS. Tu verras que tu perdras moins de temps et que t'auras en sortie du code plus propre (parce que là, c'est immonde!)
Du <br />, du <font /> partout :  :pfff:


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta

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

  Couleurs survol souris différent selon endroit sur la page

 

Sujets relatifs
mettre css a la place de balises htmlRécupérer les propriétés d'un objet dans un autre objet
secrutité : où mettre le htmlentities ?Wanted : Parser XML avec bonnes propriétés
[JXL] Conservation des propriétésconnaitre les propriétés d'un objet
Couleur d'un lien qui change quand clicMettre gallery jQuery dans mon site
zedgraph graphique avec nuances de couleur 
Plus de sujets relatifs à : Couleurs survol souris différent selon endroit sur la page


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