RocketTheme - TOPIC: How to stop images that are also links from being underlined? (1/2)

Welcome Guest! Login

0 items Join Now

- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
How to stop images that are also links from being underlined?

Posted 17 years 11 months ago
- On pretty much any template here, in the main css there is a text decoration of underlined rule for links. My problem is, that this also causes images to become underlined if I decide to make them links. So is there something I can put in the code where the image is applied to stop it from happening to just the images? I don't want to remove the rule all together, because I do want my text links to remain underlined. I tried adding text-decoration:none; to the span element that was there to center align the text under the image, but that didn't seem to do anything. So anyone know how I can stop the images from becoming underlined when I make them a link?
  
  Thank you,
  David Henderson
#65629
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
Re: How to stop images that are also links from being underlined?

Posted 17 years 11 months ago
- Why not just add border="0" into the HTML of the image such as <img src="link" border=0" />
  
  Or a template rule such as
  
  img {
  border:none;
  }
- James Spencer / Developer & Support / Hull, UK
#65638
- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
Re: How to stop images that are also links from being underlined?

Posted 17 years 11 months ago
- Hmm, the border thing I have been using to stop the border, but for some reason my virtuemart images seem to get underlined...will try your other option:) Thanks
#65644
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
Re: How to stop images that are also links from being underlined?

Posted 17 years 11 months ago
- try this one..
  
  a img { border: none; text-decoration: none; }
- Say no to Internet Explorer 6.
  twitter.com/mark_up
#65646
- Andy Miller
- Preeminent Rocketeer
- Posts: 9919
- Thanks: 96
- Web Kahuna
Re: How to stop images that are also links from being underlined?

Posted 17 years 11 months ago
- gollum hit the nail on the head with that one....
#65652
- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
Re: How to stop images that are also links from being underlined?

Posted 17 years 11 months ago
- I think there may be something in virtuemart doing it. After James's comment, I realized that I always do a border: 0 for images, not a text-decoration: none, so it seems only on my product pages that the images are underlined, and not bordered:) I will try applying that statement to the template though, in the least, it will stop me from manually adding border:0 to every image I link:)
#65725
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
Re: How to stop images that are also links from being underlined?

Posted 17 years 11 months ago
- if you provide a link, there'll be a better chance of us pinpointing the problem William.
- Say no to Internet Explorer 6.
  twitter.com/mark_up
#65732
- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
Re: How to stop images that are also links from being underlined?

Posted 17 years 11 months ago
- ah, sorry..it's really pretty much any product page off the site. Here's a url to one of the pages that has the image.
  
  http://cleanmywater.us/index.php?page=shop.product_details&flypage=shop.flypage&product_id=2119&category_id=423&manufacturer_id=0&option=com_virtuemart&Itemid=53
  
  or if you want to see one of my compelted product pages that has all the tabbed description and all finished, here is a url:
  
  http://cleanmywater.us/index.php?page=shop.product_details&flypage=shop.flypage&product_id=1661&category_id=238&manufacturer_id=0&option=com_virtuemart&Itemid=1216
  
  Anyways, if you look in the upper right corner, there's a thumbnail there, and a text link under it that is underlined, which it is supposed to be, butt he image also has an underline under it, which we don't want. I think the styling is in virtuemart somewhere, just like the description text used to have an italic styling due to the flypage file setting the entire descriptiontable to style of italic. That one took me a while to figure out, lol! If anyone knows where I can make a change to get rid of the underline under the image, it would be greatly appreciated:)
  
  Thanks,
  David Henderson
- Last Edit: 17 years 11 months ago by William E Dooley.
#66006
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
Re: How to stop images that are also links from being underlined?

Posted 17 years 11 months ago
- Open shop.css and insert
  
  a img {
  text-decoration: none;
  }
  
  The shop.css overrides the template_css.css of vortex
- Last Edit: 17 years 11 months ago by James Spencer.
- James Spencer / Developer & Support / Hull, UK
#66014
- William E Dooley
- Elite Rocketeer
- Posts: 740
- Thanks: 1
- Web Developer
Re: How to stop images that are also links from being underlined?

Posted 17 years 11 months ago
- I added that, but the underline is still there. Would the fact that I am using the slimbox effect for the pictures make a difference here? Like perhaps the img tag isn't being used because of that or something?
#66069