Liens non soulignés
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 !
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 !
Configuration: Windows XP Firefox 2.0.0.12
1 réponse
-
il marche pas ton lien ..
-
-
@corambePar 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... -
@corambeoui, 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é.
......
-
