confused with CSS. please help.
Posted: Sun Nov 21, 2010 7:06 pm
Hi guys.
I am new to CSS. I downloaded a CSS template and below are the default values given in the CSS file.
However, in my web I need to put an icon/image which :
1. is clickable (<A HREF=...
2. does not have any of the border formatting (including the underline of a link) which is inherited from the default CSS values.
Can you teach me how?
Thanks.
Below are the default CSS values.
/* links */
a {
background: inherit;
color: #EC981F;
}
a:hover {
background: inherit;
color: #806B4D;
}
img {
border: 2px solid #CCC;
}
a img {
border: 2px solid #EC981F;
}
a:hover img {
border: 2px solid #806B4D !important; /* IE fix*/
border: 2px solid #EC981F;
}
I am new to CSS. I downloaded a CSS template and below are the default values given in the CSS file.
However, in my web I need to put an icon/image which :
1. is clickable (<A HREF=...
2. does not have any of the border formatting (including the underline of a link) which is inherited from the default CSS values.
Can you teach me how?
Thanks.
Below are the default CSS values.
/* links */
a {
background: inherit;
color: #EC981F;
}
a:hover {
background: inherit;
color: #806B4D;
}
img {
border: 2px solid #CCC;
}
a img {
border: 2px solid #EC981F;
}
a:hover img {
border: 2px solid #806B4D !important; /* IE fix*/
border: 2px solid #EC981F;
}