Log in

View Full Version : Need Help with basic CSS Image padding issue



Beaglewrangler
05-14-2010, 06:44 PM
Hello,

I have a DD slideshow script running on this page: www.crosswindoutoors.com/defaulttest.html . I initially had a problem getting rid of the top and left borders on the slideshow images. Thanks to azoomer and others in the DD scripts forum I now know that I can change that via this entry in my main style sheet:
#content img {
padding: 5px;
border: 1px solid #FFFFFF;
}

however, if I do that I affect the padding on all my images throughout the site. So my question is what is the most sensible way to remove the padding from the slideshow images but keep them on the other images? I know this is basic CSS stuff but I can't seem to get it to work.

Thanks

zip222
05-14-2010, 07:35 PM
the style sheet rule you currently have is telling every image inside of the <div id="content"> to take on those characteristics rather than just the slideshow images. i can't tell you specifically what you need to without seeing your html, but basically you need to replace "#content" in the style sheet with the specific id or class of your slideshow.

azoomer
05-14-2010, 10:24 PM
Instead of changing

#content img {
padding: 5px;
border: 1px solid #FFFFFF;
}

you could add

#fadeshow1 img {
padding:0;
}

below. That may work.

Beaglewrangler
05-18-2010, 06:43 PM
That worked great. Thanks again.