28220 sujets

CSS et mise en forme, CSS3

Bonjours ! Smiley smile
IE applique le même style pour des liens pourtant différents, je m'explique :


a:link {
    padding : 4px 11px;
    margin-right: 0px;
    color : #333333;
    font-size : 13px;
    background-image: url(images/menu2.png);
    text-decoration : none;
    margin-bottom: 0px;
    border-style: solid;
    border-color: #333333;
    border-width: 1px;
    border-bottom: none;
}
a:visited {
    padding : 4px 11px;
    margin-right: 0px;
    color : #333333;
    font-size : 13px;
    background-image: url(images/menu2.png);
    text-decoration : none;
    margin-bottom: 0px;
    border-style: solid;
    border-color: #333333;
    border-width: 1px;
    border-bottom: none;
}
a:hover {
    padding : 4px 11px;
    margin-right: 0px;
    color : #111111;
    font-size : 13px;
    background-image: url(images/menu1.png);
    text-decoration : none;
    margin-bottom: 0px;
    border-style: solid;
    border-color: #333333;
    border-width: 1px;
    border-bottom: none;
}
a:active {
    padding : 4px 11px;
    margin-right: 0px;
    color : #333333;
    font-size : 13px;
    background-image: url(images/menu1.png);
    text-decoration : none;
    margin-bottom: 0px;
    border-style: solid;
    border-color: #333333;
    border-width: 1px;
    border-bottom: none;
}



a.test:link {
    color : #333333;
    font-size : 13px;
    text-decoration : none;
    background: none;
    border: none;
    padding: 0px;
    padding-left: 15px;
}
a.test:visited {
    color : #333333;
    font-size : 13px;
    text-decoration : none;
}
a.test:hover {
    color : #ff0000;
    font-size : 13px;
    text-decoration : none;
}
a.test:active {
    color : #333333;
    font-size : 13px;
    text-decoration : none;
}


IE prend comme style les liens avec un background pour les liens de la page, alors que leur class est test. J'ai pourtant précisé que background: none; mais rien
Voilà la page si ça permet de résoudre à mon probléme .. Smiley confus
http://vincentlenoir.d.free.fr/Radio/
Merci Smiley biggrin
bonsoir,

je pense que ton css devrait etre comme ceci pour que cela fonctionne

.test a:link {

    color : #333333;

    font-size : 13px;

    text-decoration : none;

    background: none;

    border: none;

    padding: 0px;

    padding-left: 15px;

}

.test a:visited {

    color : #333333;

    font-size : 13px;

    text-decoration : none;

}

.test a:hover {

    color : #ff0000;

    font-size : 13px;

    text-decoration : none;

}

.test a:active {

    color : #333333;

    font-size : 13px;

    text-decoration : none;

}


comme ça il interpretera la balise "a" de la classe "test".
Merci de ta réponse, mais ça ne marche plus avec Safari. IE je ne sais pas.
J'ai modifier sur le site.
la solution visible sur ton site sous Firefox, fonctionne sous Opera et sous I.E.

Pour safari, je ne peux rien dire, je ne l'ai pas Smiley murf