Couleurs IE indésirables

[charles1rst]

J'utilise Dreamweaver sur PC et MAC. Sur mon site j'ai créé une mini feuille de style car je suis peu calé en la matière, mais ce que je sais, c'est que les pages telles qu'elles sont lues par FIREFOX, OPERA, SAFARI correspondent parfaitement à ce que j'ai défini. Notamment pour ce qui concerne l'encadrement des images, la couleur du lien, la couleur du survol et la couleur du lien survolé.

En revanche, avec IE 7 ou précédents, mes visiteurs sont obligés de voir mes liens avec les horribles couleurs prédéfinies par IE 7. Comment faire pour éviter cette calamiteuse ignominie ???

Merci de me tirer de ce mauvais pas !

[captain_torche]

Un lien vers le site serait fort approprié, nos boules de cristal étant actuellement en maintenance.

[Sarc]

Le lien y est Captain

Chez moi j'ai tous les liens normaux, sous IE et sous Firefox... Pas de soucis d'affichage donc !

[captain_torche]

Au temps pour moi

Ce qui semble être la source du souci, c'est qu'IE n'interprète pas du tout ta CSS. Il y a de fortes chances que ça soit dû à la présence du /*<![CDATA[*/, qui doit empêcher à IE de voir la fin du commentaire.

D'ailleurs, pourquoi le mettre ? Et pourquoi commenter ton CSS avec <!-- --> ?

Enlèves-les, et tout devrait fonctionner correctement.

[charles1rst]

Au temps pour moi

Ce qui semble être la source du souci, c'est qu'IE n'interprète pas du tout ta CSS. Il y a de fortes chances que ça soit dû à la présence du /*<![CDATA[*/, qui doit empêcher à IE de voir la fin du commentaire.

D'ailleurs, pourquoi le mettre ? Et pourquoi commenter ton CSS avec <!-- --> ?

Enlèves-les, et tout devrait fonctionner correctement.

Merci pour ces réponses ultra rapides.

Mais...désolé car après correction comme tu me les as indiquées, cela continue avec les couleurs IE...en tout cas chez moi ! Ce qui est bizarre c'est que même sur IE les liens sur texte sont conformes à ce que j'ai écrit mais pas sur les bordures d'images...

Que faire d'autre ?

Le lien y est Captain

Chez moi j'ai tous les liens normaux, sous IE et sous Firefox... Pas de soucis d'affichage donc !

Ah bon tu veux dire vraiment que même sous IE tu vois les liens non visités (bordures d'images) en blanc, le survol de la souris en jaune, le click souris en noir et le lien visité en orange ? Si c'est le cas il y a vraiment de quoi en perdre son latin

[Sarc]

Après vérification, il n'y a que les cadres autour des images qui ne sont pas interprétés correctement.

Les liens textes marchent parfaitement bien sur mon IE 7 chez moi

PS : dommage que ton site ne soit pas hebergé par un "vrai hébergeur", ainsi tu n'aurais pas besoin de frames pour afficher ton site... Là, il ne pourra pas être référencé correctement !

PPS : y'a plusieurs styles différents dans ton code, les styles incorporés dans ton HTML (2 différents) et une feuille externe. Tu ferais mieux de tout regrouper dans ta feuille externe...

De plus, l'ordre des styles doit être le suivant pour éviter tout problème :

a

a:link

a:visited

a:hover

a:active

[ghost]

Bonjour,

Essaye d'inclure

a img {
border: 0;
}

dans ton css pour éliminer les cadres ou border: 2px solid white; pour en créer un de couleur et épaisseur désirée.

[charles1rst]

Bonjour,

Essaye d'inclure

a img {
border: 0;
}

dans ton css pour éliminer les cadres ou border: 2px solid white; pour en créer un de couleur et épaisseur désirée.

Merci pour le tuyau...mais cela n'a rien changé avec IE !

[ghost]

Re,

Curieux, j'ai testé ton css sur IE6-7 avec ce code

a img {
border: 4px solid green;
}

Et ça fonctionne

[charles1rst]

Re,

Curieux, j'ai testé ton css sur IE6-7 avec ce code

a img {
border: 4px solid green;
}

Et ça fonctionne

Oui effectivement ça fonctionne ! J'ai mis 2 px blanc . Merci bcp. toutefois, cela a provoqué 2 choses qui m'ennuient

1) l'image de mon en-tête elle aussi est entourée de la bordure blanche ce qui n'a pas un très heureux effet

2) les codes suivants ne fonctionnent plus :

}

a:link {

font-weight : bold;

color : #ffffff;

}

a:visited {

color : #ffcc66;

}

a:hover {

color : #ffff99;

}

a:active {

color : #000000;

Comment y parvenir ?

Merci pour ton aide.

[ghost]

Re,

Essaye de définir une classe du type :

.bordure {
border: 2px solid #fff;
}

et de l'affecter aux images que tu désires

ex:

 <a href="....nyh1.jpg"><img class="bordure" src="nyh1R.jpg" alt="Mas du Clos de l'Escarrat in Provence" width="150" height="112"></a>