Is it possible to stop the underline of the link before the image, still keeping the image a part of that anchor?
I've tried "a img{text-decoration:none;}" without results, so now I'm thinking it may not be possible.
I'm not trying to remove the underline from the entire anchor, though. Just from the image at the end of the anchor. So, basically this can't be done through regular CSS... I'll have to get creative.
superdezign wrote:I'm not trying to remove the underline from the entire anchor, though. Just from the image at the end of the anchor. So, basically this can't be done through regular CSS... I'll have to get creative.
You mean border of the image?
Maybe this is you looking for
Don't think that would work. Strictly speaking, the image itself never has an underline - just the link. The underline is not applied to the image inside the link, it is applied to the parent element of the image - the <a></a> tag itself.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
pickle wrote:Don't think that would work. Strictly speaking, the image itself never has an underline - just the link. The underline is not applied to the image inside the link, it is applied to the parent element of the image - the <a></a> tag itself.
I have never seen the underlined image too. So I was a little confused when I read about this and thought we are talking about the border. So if somebody show me the example it would new experience for me
That would "hide" the underline, in a sense. Except that the images are PNG files with transparency, so any icons with transparency aren't complete covering the underline. Interesting suggestion though.
I'd go with pickle's if it wasn't for the extra necessary mark-up. But having an extra span on every link seems like a little much just because of an underline.