Results 1 to 4 of 4

Thread: Need Help with basic CSS Image padding issue

  1. #1
    Join Date
    May 2010
    Posts
    8
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default Need Help with basic CSS Image padding issue

    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

  2. #2
    Join Date
    May 2010
    Posts
    13
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Default

    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.

  3. #3
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    Instead of changing

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

    you could add

    #fadeshow1 img {
    padding:0;
    }

    below. That may work.

  4. The Following User Says Thank You to azoomer For This Useful Post:

    Beaglewrangler (05-18-2010)

  5. #4
    Join Date
    May 2010
    Posts
    8
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    That worked great. Thanks again.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •