IE does not render <A> tag properly

SOLVED: Nevermind, the links were visited, and the border definition was missing for visited links (as someone pointed out, thanks). As for the color being first place in the border definition, the snippet comes from the IE Developper Toolbar, this is not directly my code. Anyway, thank you guys !

Why does the link in the following snippet does not render underlined with a dashed line, just as expected and as ff would do ?

<!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>

Answers


You might want to set up the style for Visited link too.

And, I do not think you should use *{...}

It works fine in FF3.

Change to that :

#main A:link, A:Visited {

COLOR: #437fda;

BORDER-BOTTOM: #437fda 1px dashed;

TEXT-DECORATION: none

}

And change :

* {

PADDING-RIGHT: 0px;

PADDING-LEFT: 0px;

PADDING-BOTTOM: 0px;

MARGIN: 0px;

PADDING-TOP: 0px;

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

}

for

body {

PADDING-RIGHT: 0px;

PADDING-LEFT: 0px;

PADDING-BOTTOM: 0px;

MARGIN: 0px;

PADDING-TOP: 0px;

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

}

Need Your Help

Equivalent of Beautiful Soup's renderContents() method in lxml?

python xml rendering beautifulsoup lxml

Is there an equivalent of Beautiful Soup's tag.renderContents() method in lxml?

Crystal reports limited to three concurrent user requests

java crystal-reports licensing crystal-reports-xi

I have a CrystalReports XI Developer Full Product (Release 1) license and found out recently that it has a limitation on the number of concurrent requests it can process.

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.