Liens non soulignés

Liens non soulignés - HTML/CSS - Programmation

Marsh Posté le 06-03-2008 à 19:16:21    

   Bonjour,  
 
   J'avais fait une première version de mon site tout en html, et ça ne fait vraiment pas pro, puis les différences de rendu selon les navigateurs sont trop énormes, j'ai donc décidé de me mettre au css.
 
     Ca date de cette aprèm, donc ne soyez pas trop sévères, svp... [ohwell]  
 
       Je ne veux pas avoir mes liens soulignés, donc j'ai mis dans la partie <style> les petites choses pour pas les avoir, à part quand on passe la souris dessus. Au début ça a marché, mais maintenant ça ne marche plus, ni ça, ni le fait que cela soit un autre fond quand je passe dessus, ce que j'ai pourtant l'impression de demander. Par contre je demande que la couleur de la police change quand je passe dessus et ça il le fait !
         J'ai cherché les sujets (nombreux!) qui traitent de ce problème, mais pour la plupart cela s'est résolu avec les mêmes codes que ceux que j'ai mis.
       
         Donc j'imagine qu'il y a une raison, mais après plusieurs heures d'apprentissage css, je ne dois plus avoir les idées très claires, en tout cas je ne trouve pas ce qui foire. Donc je vous copie le code concerné, et vous met le lien de la page.
 
<style type="text/css" title="randos" media="all">
<!--
body { background-color: #007000; color: #FFFFCC; margin: 50px; font-family: Garamond, Palatino, Serif; font-size: large; line-height: 150%; margin-top: 70px;
margin-left: 200px;
margin-right: 200px;
margin-bottom: 70px; }
p {text-indent: 1em}
h2 { color: FFCC00; font-family: Garamond, Palatino, Serif}
a:link { color: #FFFF99; text-decoration: none; background-color: transparent; }
a:visited { color: #FFFF99; text-decoration: none; background-color: #007000; }
a:hover { color: #FFCC00; text-decoration: underline; background-color: transparent; }
a:active { color: #FFFFCC; text-decoration: none; background-color: transparent; }
#bandeau { position: relative; height: 120px;
background-color: #007000;
width: 90%; }
#menu { position: relative; width: 22%; padding: 2px; height: 500px; background-color: #004400; float:left; text-decoration: none; }
#texte { background-color: transparent;
position: relative;
padding: 10px;
margin-top: 10px;
width: 70%;
float: left;
margin-left: 10px;
margin-bottom: 10px; }
#pied-de-page {background color: #339933;
position: relative; padding: 10px; border-width: 3px; border-style: double; clear: left}
-->
  </style>
 
  C'est la page : http://www.corambe.com/menurandosbis.html
 
 
               D'avance merci !

Reply

Marsh Posté le 06-03-2008 à 19:16:21   

Reply

Marsh Posté le 07-03-2008 à 21:59:44    

C'est bon, ça s'est résolu. Par contre j'ai un nouveau problème.
 
J'ai un site pour deux activités, donc chaque partie du site a ses propres codes graphiques (enfin c'est un bien grand mot...).
Donc j'ai divisé l'index en boîtes css, l'une d'entre elle présente une partie du site, et a ses codes et pareil pour l'autre.
 
J'ai donc mis deux classes différentes ("thérapies" et "randos" ), et j'utilise chacune dans la boîte correspondante.
 
La page en question est : http://www.corambe.com
 
Voici le code de la partie 'head' :
 
[code] <style type="text/css" title="randos" media="all">
<!--
body { margin: 20px; font-size: large; line-height: 150%; margin-top: 0px;
margin-left: 120px;
margin-right: 120px;
background-color: #CCFF99;}
p {text-indent: 1em} h2 { color: FFCC00; font-family: Garamond, Palatino, Serif}
.thérapies:link { text-decoration: none; color: #007000; }
.thérapies:hover { text-decoration: underline; background-color: transparent; color: #000000; }
.randos:link { text-decoration: none; color: #FFCC00; }
.randos:hover { text-decoration: underline; color: #000000; }
#haut { position: relative;
background-color: #000000;
width: 99%; height: 250px; color: #FFFFFF; border-color: #000000; border-width: 5px; border-style: groove; }
#thérapies { position: relative; width: 48%; padding: 5px; height: 70%; background-color: #FFFFCC; float:left; text-decoration: none; color: #007000; font-family: Tahoma; border-color: #000000; border-width: 5px; border-style: groove; }
#randos { background-color: #007000;
position: relative;
padding: 5px;
width: 48%; height: 70%;
color: #FFFFCC; font-family: Garamond, Serif;
float: right; border-color: #000000; border-width: 5px; border-style: groove; }
-->
</style>
/code
 
Et celui que j'ai mis dans les boîtes :
 
 
[code]
<div id="thérapies"><big>
<br>
<a class="thérapies"
href="http://www.corambe.com/menutherapies.html">Fleurs
de Bach,
Thérapie avec les chevaux,...</a><br>
<br>
<a class="thérapies"
href="http://www.corambe.com/menutherapies.html"></a></big><a
class="thérapies"
href="http://www.corambe.com/menutherapies.html"><img
style="width: 161px; height: 106px;"
src="http://www.corambe.com/images/logobis.jpg"></a><br>
<i><br>
<a class="thérapies"
href="http://www.corambe.com/menutherapies.html"><u>Présentation­
des activités thérapeutiques :</u>
<br>
Fleurs de Bach,
Thérapie avec les chevaux, <br>
Communication
intuitive animale, <br>
Utilisation des
fleurs de Bach pour
les animaux</a></i></div>
<div id="randos">
<span style="font-weight: bold;"><big><br>
<a class="randos"
href="http://www.corambe.com/menurandos.html">Randonnées
à cheval</a></big><br>
<br>
</span><a class="randos"
href="http://www.corambe.com/menurandos.html"><img
style="width: 204px; height: 152px;"
src="http://www.corambe.com/images/mercirando.jpg"></a><br>
<br>
<span style="font-style: italic;"><a class="randos"
href="http://www.corambe.com/menurandos.html"><big>Promenades
et
randonnées à cheval autour de
Malaucène,<br>
à
proximité du Mont Ventoux et des Dentelles de Montmirail
</big></a></span><br>
</div>
</div>
/code
 
Je précise juste pourquoi je dis que ça marche pas : normalement je veux que ce ne soit pas souligné, à part quand on passe la souris dessus, et pour la partie thérapies, je voulais une couleur verte et une couleur jaune pour la partie randos.
 
Merci...

Reply

Marsh Posté le 08-03-2008 à 00:25:27    

...


Message édité par Demo Mana le 28-04-2008 à 18:28:21
Reply

Marsh Posté le 08-03-2008 à 09:27:02    

oui, on m'a dit aussi de pas mettre d'accent pour éviter les problèmes.  
 
  Donc j'ai mis id="therapies" et class="therapie", pareil pour l'autre, j'ai mis: id="randos" et class="rando"  
 
     Ce matin au réveil je me suis dit aussi que c'était peut être parce que j'avais pas précisé le 'visited', donc j'ai rajouté ça, ce qui donne:
 

Code :
  1. .therapie:link { text-decoration: none; color: #007000; }
  2. .therapie:visited { text-decoration: none; color: #007000; }
  3. .therapie:hover { text-decoration: underline; background-color: transparent; color: #000000; }
  4. .rando:link { text-decoration: none; color: #FFCC00; }
  5. .rando:link { text-decoration: none; color: #FFCC00; }
  6. .rando:hover { text-decoration: underline; color: #000000; }


 
Et maintenant ça marche avec l'un (thérapie), mais pas avec l'autre (rando), qui lui n'est pas de la bonne couleur et reste souligné.
 
        ......

Reply

Marsh Posté le 08-03-2008 à 12:53:09    

...


Message édité par Demo Mana le 28-04-2008 à 18:28:23
Reply

Sujets relatifs:

Leave a Replay

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