Jquery CSS Problem

Discussion in 'CSS' started by caligrafx, Jan 26, 2010.

0
  1. #1
    I have a jquery jcarousel in the front of my website! I can't find what I did wrong with the css. the jcarousel is no longer in the middle!

    http://www.caligrafx.com

    Thanks,
    Adam
     
    caligrafx, Jan 26, 2010 IP
  2. fabriciogr

    fabriciogr Active Member

    Messages:
    958
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    73
    #2
    you have this:

    #recent-projects .project{
    position:absolute;
    left:0;
    list-style:none;
    margin:0 0 0 14px;
    margin-top:-2px;
    width:940px;
    text-align:left;
    color:#fff;
    display:none;
    overflow:hidden;
    }

    get rid of the position:absolute

    your css should look like.

    #recent-projects .project{
    left:0;
    list-style:none;
    margin:0 0 0 14px;
    margin-top:-2px;
    width:940px;
    text-align:left;
    color:#fff;
    display:none;
    overflow:hidden;
    }
     
    fabriciogr, Jan 26, 2010 IP
  3. caligrafx

    caligrafx Active Member

    Messages:
    137
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    83
    #3
    Thanks buddy! That lead me in the right direction. I had a problem with the images showing below the controls while load and through a overflow:hidden; to it and it fixed the problem from show below it but then it was show between the controls and the images so I just moved the images right to the control line so you can see it changing.

    Thanks for the help!
    Adam
     
    caligrafx, Jan 27, 2010 IP
  4. hdesigns

    hdesigns Peon

    Messages:
    89
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Have you validated your code? I'm not at my regular computer but its at the w3 school thingy that it always put on top of a lot of codes.
     
    hdesigns, Jan 27, 2010 IP