Clever Geek Handbook

IE is not returning <a> tag

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

Why isn't the link in the following snippet highlighted with an underlined dotted line as expected, and how will ff 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>
+1


source to share


5 answers


You may also want to customize the style for the "Visited" link.

And I don't think that you should use *{...}

It works great in FF3.

Change to this:

#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

}
+2


source


I suspect this is because the link is an inline element. Can you use display: block?



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


source


You must check it first.
 You have a mixture of html and xhtml, a meta tag outside the html tag, a style tag without a type attribute to name a few, which will only give you a world of pain.

0


source


Try to use only #main a

and add separate a: visited and a: hover selectors if you want to style them differently.

-1


source


this is

#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;
}
-1


source






More articles:


All Articles