SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: Slider Css

  1. #1
    SitePoint Wizard billy_111's Avatar
    Join Date
    Jul 2009
    Posts
    1,683
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Slider Css

    Hi,

    I am having problems styling the slider on this page:

    http://www.freemanholland.com/pixie/

    If you look at the middle of the three boxes, headed "New in Store.."

    You will see a sliding panel. First thing is when it slides it masks off, and secondly i can't get the writing to appear directly underneath?

    Can you help?

    Thanks
    Software Engineer ASP, ASP.NET, VB, PHP

    Kind regards
    Billy

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,517
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You seem to have made it too big.

    Try something like this:

    Code:
    .news-content {
        clear:both;
        width: 275px;
        text-align: center;
        line-height: 16px;
        margin-top:-20px;
    }
    #flash div#image_slider {
        height:181px;
        line-height:1;
        padding:0 0 0 4px;
        position:absolute;
        width:275px;
        top:-30px;
        left:-20px;
    }
    
    #image_slider_container div{
        width:275px!important;
        text-align:center;
    }
    You probably have those width settings in the js somewhere but I have over-ridden them with css.

  3. #3
    SitePoint Wizard billy_111's Avatar
    Join Date
    Jul 2009
    Posts
    1,683
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul
    Software Engineer ASP, ASP.NET, VB, PHP

    Kind regards
    Billy


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
  •