TonyCabone
asked on
How to add padding to article images but not module images
I've adding left-padding to article images so keep text away from the edges, but doing this causes all other images, such as that in the header on the supplied link, to move to the right.
I need someone to help me with the CSS to stop this from happening on the site.
http://gator967.hostgator.com/~tekspec/vasarelli/index.php?option=com_content&view=article&id=54&Itemid=48
I need someone to help me with the CSS to stop this from happening on the site.
http://gator967.hostgator.com/~tekspec/vasarelli/index.php?option=com_content&view=article&id=54&Itemid=48
ASKER
Ok thanks for that it will work however I don't want users of the back end to have to input the code manually.
Is there a way that I can override the css in the header images using your method, rather than the article images?
Is there a way that I can override the css in the header images using your method, rather than the article images?
ASKER
points increased
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Snarfles this solution also works but what about when I need to control these elements differently for IE & FF?
I need to control the padding of the images in this modules using CSS, like jayantc's suggestion only that did not appear to have any effect, any other ideas?
Points maxed.
I need to control the padding of the images in this modules using CSS, like jayantc's suggestion only that did not appear to have any effect, any other ideas?
Points maxed.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
correct syntax #header_image img
<img class="paddedimage" border="0" align="right" src="/~tekspec/vasarelli/i
then to your templates css add
.paddedimage{
padding-left:15px;
}
so basically when you add an image that you want padded just add this to the tag
class="paddedimage"