Mes liens s'affichent forcément en bleu souligné Résolu/Fermé

Question

Bonjour, 

je crée mes pages en utilisant une feuille de style sur laquelle je précise que certaines sections de page (nav, h1 h2 et footer) doivent être écrites en gris clair. Or, je rencontre deux problèmes : le premier est que ce gris clair n'apparaît pas, la police reste blanche, comme sur les sections principales, le second est que les liens apparaissent systématiquement en bleu pétant et soulignés - ce qui est très laid. 

Voici mon CSS :

body
{
	background-image: url("portrait_mauve_copie.png");
	font-family: Georgia, sans-serif;
}
h1, h2, footer
{
	color: #F0F2F2;
	font-weight: normal;
}
section
{
	color:#FFFFFF;
	width: 70%;
	text-align: justify;
}
nav
{
	float: right;
	width: 200px;
	height: 100%
	background-color: #9D8099;
	opacity: O.25;
}

L'opacité ne fonctionne pas non plus, d'ailleurs, je cherche aussi...

Configuration: Mac OS X (10.10.5) / Chrome 48.0.2564.116

Adri1infos · Answer

Bonjour,
Dans ton code (je te recommanderai de le mettre dans body {} ) :

a {
text-decoration: none; //plus de soulignement
color: ;//couleur de ton lien
}

L'opacité varie selon la naviguateur et s'applique sur une image (article)

Ripley69 · Answer

Merci pour cette réponse ! 

Ça règle partiellement le problème : ce n'est plus ni souligné ni bleu, mais c'est blanc, alors que j'ai bien indiqué color: #F0F2F2 pour a, footer, h1, h2 et nav... 

DU coup, entre ça et mon opacité qui ne s'affiche nulle part, mon menu latéral ne fait pas très menu... 

Mais merci en tous cas, je progresse peu à peu.

Pitet · Answer

Salut,

Tu as saisie la valeur de l'opacité avec la lettre O à la place du chiffre 0 :

opacity: 0.25; 


En appliquant une opacité sur le nav, la barre va être transparente mais également le contenu (le texte des liens par exemple).
Si tu souhaites rendre uniquement la barre transparente mais pas son contenu, utilise plutôt rgba sur la background :

background-color: rgba(157,128,153,0.25);


Concernant les autres problèmes d'affichage, peux tu nous montrer le code html correspondant ?

Bonne journée,

Ripley69 · Answer

Ah oui, en effet ! Je n'avais pas percuté pour le O/0... Je suis un peu un boulet, quand même.
Mais en effet, du coup c'est mon texte qui est transparent, je vais appliquer ta suggestion avec rgba. 

Merci beaucoup !

Ripley69 · Answer

Bon, j'ai fait une expérience pour voir, j'ai enlevé la dernière valeur dans la parenthèse rgba, pour voir si au moins ma couleur s'applique à ma zone de menu : elle ne s'applique pas. Il y a donc plutôt un problème de boîte, que je vais essayer de résoudre d'abord. Je verrai pour la transparence/opacité après. 

Merci en tous les cas de vos réponses ! Je vais noter le sujet comme résolu.

Mes liens s'affichent forcément en bleu souligné

5 réponses

Discussions similaires