Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS jQuery slide not staying in it’s container

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #26808
    rjmccollam
    Participant

    Can view the slider at http://dev.rjmccollam.com/wordpress

    When you click on an arrow to rotate through the images the incoming images overlap the slider bg. How do I keep the rotating images within the border?

    This is the CSS:

    #slider {background: url(images/slider-bg.jpg) no-repeat; height: 379px; overflow:hidden;}
    #slider ul {list-style:none; width: 939px; height: 332px;}
    #slider li {overflow:hidden; display: inline; width: 939px; height: 332px; margin: 11px 11px 0 10px;}
    span#prevBtn{width: 60px; height: 100px; position: absolute; margin: -250px 0 0 10px;}
    span#nextBtn{width: 60px; height: 100px; position: absolute; margin: -250px 0 0 889px;}

    I have tried tweaking and tweaking and can’t seem to figure it out. Thanks for your help!

    #76056
    rjmccollam
    Participant

    It’s not browser specific. If you follow the link and you change an image whether to the right or left the image will overlap the border image that is being used.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.