How to stop images that are also links from being underlined?
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
- Strange, it worked in my tests earlier but has stopped being effective
- James Spencer / Developer & Support / Hull, UK
-
-
-
- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
-
Well, I had forgotten about this problem, but am now working on another site with virtuemart on it and the problem is there again. I found a line of code in template_css.css file that can remove the underline.
a:link, a:visited { text-decoration: underline; /* color: see style css */ }
if I change the underline to none the line under the image goes away, the downside is that every link on the site also loses their underline. so does anyone know how I could remove the underline from just the image and not every link site wide? I have tried adding the code gollum suggested:
a img { border: none; text-decoration: none; }
but it had no effect. I have also tried adding lines to the shop.css file hoping that I could change the text-decoration for links to none there and that it would remove the underline from links inside virtuemart only. That also had no effect however. Any suggestions are greatly appreciated!
Thank you,
David Henderson
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
-
i don't have a link to your new site so not sure about that one, but for cleanmywater, try:
a.jcebox img {
text-decoration:none;
border:none;
} - Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
-
No, that didn't do anything either. Interesting idea though, what is the jcebox in there for? For now I've changed the:
a:link, a:visited { text-decoration: underline; /* color: see style css */ } a:hover { text-decoration: underline; /* color: see style css */ }
to
a:link, a:visited { font-weight: bold; text-decoration: none; /* color: see style css */ } a:hover { font-weight: bold; text-decoration: none; /* color: see style css */ }
That way the image is no longer underlined, but the links are bolded so you can at least tell them apart from other text. Best I can do for now:)
Thanks for the suggestion:)
David Henderson
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
-
i see the cleanmywater site still has the underline under the VM images.
one final attempt:
a.jcebox { text-decoration:none; }
even if it doesn't work, leave it in the css so I can see what it does do. - Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
-
Sometimes its an idea to add !important at the end incase its being overwritten by something else. Use cautiously
- James Spencer / Developer & Support / Hull, UK
-
-
-
- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
-
GollumX wrote:
i see the cleanmywater site still has the underline under the VM images.
one final attempt:
a.jcebox { text-decoration:none; }
even if it doesn't work, leave it in the css so I can see what it does do.
ok, codes in the template.css on cleanmywater
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
- ... and the underline is gone. isn't that what you want? try hitting CTRL+F5.
- Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
-
GollumX wrote:
... and the underline is gone. isn't that what you want? try hitting CTRL+F5.
Ok, looking at it again, I see the underline is gone:) Small side effect is that the underline from the text is also gone, but after closer inspection, it seems like it's only missing from that text, not all text links onsite, so that's ok:) Thanks a lot gollumX:)
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
- You're welcome William. Glad I could help.
- Say no to Internet Explorer 6.
twitter.com/mark_up
-
Time to create page: 0.059 seconds