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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Liens non soulignés

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Liens non soulignés

n°1698491
corambe
Posté le 06-03-2008 à 19:16:21  profilanswer
 

   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 !

mood
Publicité
Posté le 06-03-2008 à 19:16:21  profilanswer
 

n°1699160
corambe
Posté le 07-03-2008 à 21:59:44  profilanswer
 

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...

n°1699192
Demo Mana
Posté le 08-03-2008 à 00:25:27  profilanswer
 

...


Message édité par Demo Mana le 28-04-2008 à 18:28:21
n°1699209
corambe
Posté le 08-03-2008 à 09:27:02  profilanswer
 

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

n°1699252
Demo Mana
Posté le 08-03-2008 à 12:53:09  profilanswer
 

...


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

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

  Liens non soulignés

 

Sujets relatifs
liens pour robots[VBA] annuler boite de "mise à jour des liens"
RSE pour Eclipse : Non support des liens symboliques ?<VBA EXCEL> Macro qui remplace des liens par leur valeur...
Comment éviter que les liens soit soulignés ?[HTML]NE plus avoir les liens soulignés
Liens non soulignésFaire en sorte que les liens ne soient pas soulignés dans ce script ??
Comment faire pour pas que les liens soient soulignés ?Liens non soulignés...
Plus de sujets relatifs à : Liens non soulignés


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)