IE ne rend pas <A> tag correctement

Résolu: Peu importe, les liens ont été visités, et la définition de la bordure manquait pour les liens visités (comme quelqu'un l'a souligné, merci). Comme la couleur est la première place dans la définition de la bordure, l'extrait provient de la barre d'outils IE Developper, ce n'est pas directement mon code. Quoi qu'il en soit, merci les gars! Pourquoi le lien dans l'extrait suivant n'est-il pas souligné avec une ligne en pointillés, comme prévu et comme le ferait ff?IE ne rend pas <A> tag correctement

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><META http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

<HTML xmlns="http://www.w3.org/1999/xhtml"> 
<HEAD><STYLE> 

/* Rule 1 of css/style.css */ 
* { 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px; 
    PADDING-TOP: 0px; 
    FONT-FAMILY: "trebuchet ms", Arial, Helvetica, sans-serif 
} 

/* Rule 26 of css/style.css */ 
#main { 
    PADDING-RIGHT: 15px; 
    PADDING-LEFT: 15px; 
    PADDING-BOTTOM: 15px; 
    PADDING-TOP: 15px 
} 

/* Rule 12 of css/style.css */ 
#page { 
    BORDER-RIGHT: #555 1px solid; 
    PADDING-RIGHT: 0px; 
    BORDER-TOP: #555 1px solid; 
    PADDING-LEFT: 0px; 
    BACKGROUND: #fff; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 50px auto; 
    BORDER-LEFT: #555 1px solid; 
    WIDTH: 752px; 
    PADDING-TOP: 0px; 
    BORDER-BOTTOM: #555 1px solid 
} 

/* Rule 2 of css/style.css */ 
BODY { 
    BACKGROUND: url(bg.gif) #ebeeff repeat-y center 50% 
} 

/* Rule 35 of css/style.css */ 
#main A:link { 
    COLOR: #437fda; 
    BORDER-BOTTOM: #437fda 1px dashed; 
    TEXT-DECORATION: none 
} 

</STYLE></HEAD> 
<BODY><DIV id="page"><DIV id="main"><TABLE><TBODY><TR><TD> 
<A href="http://www.immo-brasseurs.com/coords.php?num=37">Test link </A> 
</TD></TR></TBODY></TABLE></DIV></DIV></BODY></HTML>

Source

2008-11-20 RaGE

XHTML, par définition tous les noms de balises en minuscules. Votre code générera une erreur s'il est analysé en tant que XML à l'aide de cette DTD. – amphetamachine

Vous pouvez également définir le style du lien visité.

Et, je ne pense pas que vous devriez utiliser *{...}

Il fonctionne très bien dans FF3.

changement que:

#main A:link, A:Visited { 

COLOR: #437fda; 

BORDER-BOTTOM: #437fda 1px dashed; 

TEXT-DECORATION: none 

}

Et le changement:

* { 

PADDING-RIGHT: 0px; 

PADDING-LEFT: 0px; 

PADDING-BOTTOM: 0px; 

MARGIN: 0px; 

PADDING-TOP: 0px; 

FONT-FAMILY: "trebuchet ms", Arial, Helvetica, sans-serif 

}

pour

body { 

PADDING-RIGHT: 0px; 

PADDING-LEFT: 0px; 

PADDING-BOTTOM: 0px; 

MARGIN: 0px; 

PADDING-TOP: 0px; 

FONT-FAMILY: "trebuchet ms", Arial, Helvetica, sans-serif 

}

Source

2008-11-20 23:38:25

Le titre de la question semblerait indiquer que l'OP teste une version de IE. Quelle est la version que tout le monde devine? –

C'est la règle * causant des problèmes. Bonne prise! – Shog9

Je soupçonne que c'est parce que le lien est un élément en ligne. Pouvez-vous utiliser display: block?

#main A:link { 
    ... 
    display:block 
}

Source

2008-11-20 23:40:01

-1

Essayez d'utiliser simplement #main a, et ajouter séparée a: visited et a: hover sélecteurs si vous voulez le style ceux différemment.

Source

2008-11-20 23:40:47

Vous devez d'abord le valider.
Vous avez un mélange de html et xhtml, des balises meta en dehors de la balise html, une balise de style sans l'attribut de type requis, pour n'en nommer que quelques-unes, ce qui vous donnera un monde de souffrance.

Source

2008-11-20 23:41:57 seanb

-1

il est

#main a { 
color:#437fda; 
border-bottom: 1px solid #437fda; 
text-decoration:none; 
} 

#main a:visited { 
color:#437fda; 
border-bottom: 1px solid #437fda; 
text-decoration:none; 
}

Source

2008-11-20 23:47:04 inspite

IE ne rend pas <A> tag correctement

Répondre

Questions connexes