I am having a problem with the background color for images. I have links with a colored background and colored when hovered, but this also does it for images which is what I don't want. Here is the CSS:
If the code doesnt help, I also have it on JSFidle: http://jsfiddle.net/Nnk92/
Is there anyway to remove this from images and not the text? I've heard that Java script is a solution but don't know how to use it
Code:
a:link,a:visited {
margin: 0 auto;
display: block;
font-weight: 400;
color: #000000;
display: block;
width: 120px;
background-color: #FF9001;
text-align: center;
padding: 10px;
text-decoration: none;
text-transform: uppercase;
font-family: bangers;
font-style: normal;
font-size: large;
letter-spacing: 2px;
word-spacing: 2px;
}
a:hover,a:active {
background-color: #DC5D06;
}
Is there anyway to remove this from images and not the text? I've heard that Java script is a solution but don't know how to use it
Comment