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

Résolu/Fermé
Ripley69 Messages postés 40 Date d'inscription dimanche 27 décembre 2015 Statut Membre Dernière intervention 6 juillet 2018 - 8 mars 2016 à 09:41
Adri1infos Messages postés 623 Date d'inscription mardi 31 mars 2015 Statut Membre Dernière intervention 27 février 2020 - 8 mars 2016 à 12:46
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...

5 réponses

Adri1infos Messages postés 623 Date d'inscription mardi 31 mars 2015 Statut Membre Dernière intervention 27 février 2020 298
Modifié par Adri1infos le 8/03/2016 à 10:54
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)
0
Ripley69 Messages postés 40 Date d'inscription dimanche 27 décembre 2015 Statut Membre Dernière intervention 6 juillet 2018
8 mars 2016 à 11:02
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.
0
Adri1infos Messages postés 623 Date d'inscription mardi 31 mars 2015 Statut Membre Dernière intervention 27 février 2020 298
Modifié par Adri1infos le 8/03/2016 à 11:27
Fais attention : #F0F2F2 est très clair, avec quelque chose derrière de clair, ça rendra blanc.
Essaie une couleur "extrème" (red, black, green,...) pour voir si ça change et après tu trouvera une couleur "précise" adaptée.
0
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 543
8 mars 2016 à 11:10
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,
0
Ripley69 Messages postés 40 Date d'inscription dimanche 27 décembre 2015 Statut Membre Dernière intervention 6 juillet 2018
8 mars 2016 à 11:25
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 !
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Ripley69 Messages postés 40 Date d'inscription dimanche 27 décembre 2015 Statut Membre Dernière intervention 6 juillet 2018
8 mars 2016 à 12:41
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.
0
Adri1infos Messages postés 623 Date d'inscription mardi 31 mars 2015 Statut Membre Dernière intervention 27 février 2020 298
8 mars 2016 à 12:46
Pas de pb, bonne continuation !
0