Propriété CSS
Résolu
Bonjour, je développe actuellement un site web et je rencontre un problème :
Quand on clique sur les liens de mon site, leur couleur devient noire et le fond vert.
Dernièrement, j'ai mis en place une image cliquable en en-tête pour retourner à l'accueil, et quand l'on clique dessus, une partie en dessous de l'image devient verte.
Je cherche a savoir si l'on peut y remédier.
Merci d'avance.
Quand on clique sur les liens de mon site, leur couleur devient noire et le fond vert.
Dernièrement, j'ai mis en place une image cliquable en en-tête pour retourner à l'accueil, et quand l'on clique dessus, une partie en dessous de l'image devient verte.
Je cherche a savoir si l'on peut y remédier.
Merci d'avance.
7 réponses
-
Salut, as tu essayé en donnant une class à la balise a par exemple:
<a class="actif_off" href="ton-lien"> <img src="images/ton-image.jpg" alt="img" /> </a> .actif_off a:active { background-color: transparent; } -
pourrait tu montrer ton css pour que je puisse t'aider.
-
body
{
padding-left:10%;
padding-right:10%;
background-color: rgb(21, 87, 157);
}
.description
{
text-align: center;
position: absolute;
left: 35%;
right: 5 px;
max-width: 35%;
color: rgb(150, 196, 62);
background-color: rgb(0, 74, 128);
border-radius: 15px;
padding-top: 20px;
}
.soustitre
{
color: black;
}
.menu
{
position: absolute;
left: 1%;
top: 30%;
width: 20%;
}
a
{
text-decoration: none;
color: rgb(150, 196, 62);
}
a:hover
{
text-decoration: underline;
}
a:active
{
background-color: rgb(150, 196, 62);
color:black;
}
.liste
{
list-style-image: url("images/bugdroid.png");
background-color: rgb(0, 74, 128);
/*border-style:inset;*/
border-color: rgb(150, 196, 62);
border-radius: 15px;
font-weight: bolder;
}
.image
{
border-radius: 10px;
}
.imgheader
{
text-align: center;
}
.source
{
font-size: x-small;
} -
a:active
{
background-color: rgb(150, 196, 62);
color:black;
}
suprime ça -
Oui mais si je veux que les liens restent comme ça, je veux juste pouvoir enlever cette propriété à une image
-
eh bien
img
{
background:none;
} -
a img
{
background:transparent;
}
