5568 sujets

Sémantique web et HTML

[Résolu]Problème d'affichage "<a class=" sous IE

Bonjour tout le monde, je suis nouveau et je poste ici mon premier sujet.

Comme indiqué dans le titre je rencontre une petite difficulté avec le navigateur Internet Explorer. En effet, dans mes pages je vousdrais que certains liens n'aient pas la même couleur que d'autres. Aussi j'ai donc utilisé la propriété "class" dans ma balise <a>:

<a class="liens2" href="...


Seulement au lieu que mes liens s'affichent sur une seule ligne; à chaque fois que j'utilise cette méthode sous IE, celà se traduit par un renvoit à la ligne alors que Firefox et Opera 9 affiche celà correctement.
J'ai tenté de remédier à ce problème en ajoutant la propriété "display: inline;" dans ma feuille de style (sur la classe "liens2"); mais rien n'y a fait Smiley decu

Voici la code dans mon fichier css:

A.liens2:link {text-decoration: none; color: #ED926D; display: inline; }
A.liens2:visited {text-decoration: none; color: #ED926D; display: inline; }
A.liens2:hover { text-decoration: none; color: #FA623F;display: inline;  }


Que dois-je faire pour contourner ce problème?

Par avance, merci pour vos conseils avisés Smiley smile
Modifié par excillium (24 Jul 2006 - 23:20)
Bonjour et bienvenue à toi,
la display:inline ne te sert à rien excepté si tu as doté tous tes liens d'un
display:block, ce qui serait etonnant puisque les autres navigateurs les affiche en ligne.
Pour qu'on puisse résoudre ton problème, tu dois donner la totalité de ton
code html et CSS.
Modifié par Hermann (24 Jul 2006 - 18:22)
voilà le css;

body {margin: 0; text-align: center;}

A:link {text-decoration: none; color: #616161; }
A:visited {text-decoration: none; color: #616161; }
A:hover { text-decoration: none; color: #373737; }

A.liens2:link {text-decoration: none; color: #ED926D; display: inline; }
A.liens2:visited {text-decoration: none; color: #ED926D; display: inline; }
A.liens2:hover { text-decoration: none; color: #FA623F;display: inline;  }

a img {border: 0;}

.connexion {
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color:	#616161;
font-family:	Arial, Sans-Serif;
float: left;
line-height: 12pt;
font-size:	11pt;
text-align: left;
width: 100%;
}

span {
color:	#616161;
font-family:	Arial, Sans-Serif;
line-height: 100%;
font-size:	11pt;
text-align: center;
}


.mediumrouge {
margin-top: 0px;
color:	#ED926D;
font-family:	Arial, Sans-Serif;
line-height: 12pt;
font-size:	10pt;
text-align: left;
margin-right: 0px;
width: 100%;
}


.mediumurl {
margin-top: 0px;
color:	#00C300;
font-family:	Arial, Sans-Serif;
line-height: 12pt;
font-size:	10pt;
text-align: left;
margin-right: 0px;
width: 100%;
}



et voici le xhtml:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="language" content="fr" />
<title>test</title>
<link href="http://www.monsite.com/defaut.css" rel="stylesheet" type="text/css" />
</head>
<body lang="fr">

<div class="connexion"><strong><a title="Test" href="http://ghgsdhf.com/" target="_blank">Test</a></strong><br />testtesttesttest<br /><span class="mediumurl">http://ghgsdhf.com/</span><span class="mediumrouge"> | <a class="liens2" href="http://www.monsite.com/Directory/avis/">Commenter</a> | <a class="liens2" href="http://www.monsite.com/Directory/profil/">Profil</a> |</span><br /><br /></div>

</body>
</html>


Merci.
Bonjour excillium,

À moins que tu ne saches précisément ce que tu fais, l'utilisation du prologue XML est à proscrire
<?xml version="1.0" encoding="iso-8859-1"?>

En effet, Internet Explorer ne le comprend pas, et passe alors en mode de rendu « traditionnel » (le Quircks mode), ce qui n'est pas tip-top pour la compatibilité avec les navigateurs modernes.
Bonjour excillium,

tu pourrais egalement mettre la déclarations des liens en minuscule


a:link {text-decoration: none; color: #616161; }


et non pas 


A:link {text-decoration: none; color: #616161; }
a écrit :
À moins que tu ne saches précisément ce que tu fais, l'utilisation du prologue XML est à proscrire

Daccord, merci beaucoup pour cette précision mpop, et bien sûr je ne sais pas exactement ce que je veux faire Smiley lol . En fait je veux créer un document en xhtml 1 strict, et pour créer le doctype j'ai utilisé amaya, donc je pensais que c'était bon Smiley decu

Je viens de faire l'essai, celà fonctionne parfaitement, je te remercie infiniement!! Smiley biggrin

Par contre, je vais juste être un petit peu chiant Smiley confused , dans quel cas doit t'on utiliser ce fameux:
<?xml version="1.0" encoding="iso-8859-1"?>

car je remarque que par exemple, le forum d'alsacréation l'utilise...

Encore une fois, merci beaucoup pour ton aide! Smiley smile
Bonjour knarf
a écrit :
tu pourrais egalement mettre la déclarations des liens en minuscule

Ok je prend en compte ta remarque Smiley cligne , merci à toi!
Sujet clos
Aller à