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 :
- <a target="framecentrale" href="magasin0.html"><font style="font-size:13px" color="#FFC0CB" face="Arial">Magasin<br>
- <br>
- <br>
- <b>Lundi :</b> Fermé<br>
- <br>
- <br>
- Du <b>Mardi<br>
- </b>au <b>Samedi :</b><br>
- </font><font style="font-size:8px" color="#FFC0CB" face="Arial"><br>
- </font><font style="font-size:13px" color="#FFC0CB" face="Arial">10h - 12h<br>
- 15h - 20h</font><font style="font-size:8px" color="#FFC0CB" face="Arial"><br>
- </font><font style="font-size:13px" color="#FFC0CB" face="Arial"><br>
- <br>
- <b>Dimanche :</b></font><font style="font-size:13px" color="#FFFFFF" face="Arial"><br>
- </font><font style="font-size:8px" color="#FFFFFF" face="Arial"><br>
- </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) :
Code :
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title>Untitled Page</title>
- <meta name="generator" content="WYSIWYG Web Builder - http://www.wysiwygwebbuilder.com">
- <style type="text/css">
- div#container
- {
- width: 850px;
- position: relative;
- margin-top: 0px;
- margin-left: auto;
- margin-right: auto;
- text-align: left;
- }
- </style>
- <style type="text/css">
- body
- {
- text-align: center;
- margin: 0;
- background-color: #000000;
- background-image: url(images/_bkgrnd.png);
- color: #5A5A5A;
- scrollbar-face-color: #D4D0C8;
- scrollbar-arrow-color: #000000;
- scrollbar-3dlight-color: #D4D0C8;
- scrollbar-darkshadow-color: #404040;
- scrollbar-highlight-color: #FFFFFF;
- scrollbar-shadow-color: #808080;
- scrollbar-track-color: #D4D0C8;
- }
- </style>
- <style type="text/css">
- a
- {
- color: #FF0066;
- }
- a:visited
- {
- color: #FF0066;
- }
- a:active
- {
- color: #FF0066;
- }
- a:hover
- {
- color: #FFE4E1;
- }
- </style>
- </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 ~