Black image link border

[Wasiu0607]

I have a css http://www.netzeye.com/CSS/css.css and inside, I added these lines:

A.imgbord:active {color: #000000;}
A.imgbord:visited {color: #000000;}
A.imgbord:hover {color: #000000;}

inside my css file (http://www.netzeye.com/CSS/css.css)

However, it doesn't seem to be working on the image links I have on my website : http://www.netzeye.com/index2.html

can someone please tell me what the problem is ?

Thanks

[KDLA]

Add "img" after a main link class:

a.imgbord img

[Wasiu0607]

Add "img" after a main link class:

a.imgbord img


Lke this:

A.imgbord img:active {color: #000000;}
A.imgbord img:visited {color: #000000;}
A.imgbord img:hover {color: #000000;}

? Still doesnt work

[KDLA]

A.imgbord img {color: #000000;}

Just once, without pseudo classes.

[Wasiu0607]

A.imgbord img {color: #000000;}

Just once, without pseudo classes.

body {
font-size : 14px;
font-family : Calibri;
color : #1a1a1a;
text-decoration : none;
background-image:url(http://www.netzeye.com/bg.jpg);
background-repeat:repeat;
background-position:center;
background-attachment:fixed

}

a:hover {
font-size : 14px;
font-family : calibri;
color : #8080ff;
text-decoration : underline;
}

a:visited {
font-size : 14px;
font-family : calibri;
color : #e0e0e0;
text-decoration : none;
}

a:link {
font-size : 14px;
font-family : calibri;
color : #e0e0e0;
text-decoration : none;
}

a:active {
font-size : 14px;
font-family : calibri;
color : #e0e0e0;
text-decoration : none;

A.imgbord img {color: #000000;}

}





Like this? It still isn't working.

[Wasiu0607]

bump, please help

[KDLA]

You've mistyped it:
a:active {
font-size : 14px;
font-family : calibri;
color : #e0e0e0;
text-decoration : none;

A.imgbord img {color: #000000;}

}/*this should be with the previous style

Try this:

a.imgbord img {border: 1px solid #000;}

[Wasiu0607]

You've mistyped it:
a:active {
font-size : 14px;
font-family : calibri;
color : #e0e0e0;
text-decoration : none;

A.imgbord img {color: #000000;}

}/*this should be with the previous style

Try this:

a.imgbord img {border: 1px solid #000;}


a:active {
font-size : 14px;
font-family : calibri;
color : #e0e0e0;
text-decoration : none;

}

a.imgbord img {border: 1px solid #000;}

It still doesnt seem to be working.

[WebJoel]

a:hover {font-size:14px; font-family:calibri; color:#8080ff; text-decoration:underline;}

a:visited {font-size:14px; font-family:calibri; color:#e0e0e0; text-decoration:none;}

a:link {font-size:14px; font-family:calibri; color:#e0e0e0; text-decoration:none;}

a:active {font-size:14px; font-family:calibri; color:#e0e0e0; text-decoration:none;} The correct order-for-precedence is "link-visited-hover-active". LVHA. Think "LoVeHAte"

Personally, I would add:
a:hover, a:focus {font-size:14px; font-family:calibri; color:#8080ff; text-decoration:underline;} "focus" is the same as "hover" except it functions for non-pointer instruments like TAB keys, devices for the handicapped, etc.
There, think "Lord Vader's Handle Formerly Anakin" (A little Star Wars trivia for ya!)

ANYWAY, you curently have the "hover" state working BEFORE the "link" (the un-visited at-rest) state, and the visited before the 'link' as well... this is wrong.

Probably not the problem solution you need, but this does need to be corrected. :)
And seriously, -"Calibri"? and no second or third 'best option'? I am pretty sure that I do not have Calibri font on my computer...

And then, validation issues: While alot of you validation issues are benignly dismissable, the missing-expected "</a>" pose a serious problem... see screenshot image. :)

[Wasiu0607]

Thanks haha i learned something

[Wasiu0607]

any gurus please shed some light on this matter