Mes liens s'affichent forcément en bleu souligné
Résolu
Ripley69
Messages postés
40
Date d'inscription
Statut
Membre
Dernière intervention
-
Adri1infos Messages postés 628 Date d'inscription Statut Membre Dernière intervention -
Adri1infos Messages postés 628 Date d'inscription Statut Membre Dernière intervention -
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...
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...
A voir également:
- Mes liens s'affichent forcément en bleu souligné
- Supprimer rond bleu whatsapp - Guide
- Vérificateur de liens - Guide
- Écran bleu - Guide
- Bouton rouge, vert, jaune bleu télécommande - Guide
- Whatsapp message lu mais pas bleu - Guide
5 réponses
Bonjour,
Dans ton code (je te recommanderai de le mettre dans body {} ) :
L'opacité varie selon la naviguateur et s'applique sur une image (article)
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)
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.
Ç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.
Salut,
Tu as saisie la valeur de l'opacité avec la lettre O à la place du chiffre 0 :
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 :
Concernant les autres problèmes d'affichage, peux tu nous montrer le code html correspondant ?
Bonne journée,
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,
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 !
Mais en effet, du coup c'est mon texte qui est transparent, je vais appliquer ta suggestion avec rgba.
Merci beaucoup !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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.
Merci en tous les cas de vos réponses ! Je vais noter le sujet comme résolu.