Forums

Give help. Get help.

  • # January 28, 2013 at 6:59 pm

    Here’s what I’ve done so far:
    http://jsfiddle.net/9wPDy/2/

    3 problems here:
    – Why header isn’t on top of everything?
    – Why isn’t overflow-x not working?
    – Why does the text slider appearing on top of the images slider?

    PS: I need to have 2 independent sliders because I’m gonna have content between them.

    Thanks in advance for the help.

    # January 29, 2013 at 5:40 am

    Ok, the header was a problem of my example, I have now a defined size.

    The z-index was only to have the content bellow the header (z-index: 2). I want to have #text-wrapper bellow the #img-wrapper.

    I can’t remove position: absolute (http://jsfiddle.net/9wPDy/4/) because I want to make a slider from this (that’s why my mix up with the names) and I need to be able to set the x position of each image inside their wrapper and each text inside theirs. I think this is my biggest problem. How to position them inside the container?

    Here’s what I want: http://imgur.com/3PFIKAM

    # January 29, 2013 at 6:14 am

    Here’s what happens if I don’t use the position: absolute

    http://jsfiddle.net/9wPDy/9/

    # January 29, 2013 at 6:44 am

    >I need to be able to set the x position of each image inside their wrapper and each text inside theirs. I think this is my biggest problem

    I’m not sure it is.

    Why not just put a single working slider in place first (**which one are you using BTW?**), build around it and debug from there?

    # January 29, 2013 at 7:07 am

    I’m trying to build one for myself @paulie_d.

    Ok, so I’m following your advise and just begin to build the slider. I want a slider with 100% width, the images with 90% width and I want to slide them horizontally.

    My CSS problem continues, I can’t make the images float inside him: http://jsfiddle.net/jAyHa/1/

    # January 29, 2013 at 7:10 am

    If the images are 90% width then I don’t think floating is the answer (I could be wrong).

    Why not look at an existing slider ( I hear the [Anything Slider](https://github.com/CSS-Tricks/AnythingSlider “Anything Slider”) is pretty awesome) and see how they did it?

    # January 29, 2013 at 7:17 am

    Oh, that can be an idea, I can use inline-block instead of float. Let me try..

    I like to use Anything Slider but it doesn’t work as I want, it has an expand option but the images simply don’t adjust their height. Still, I’ll look into their code.

    # January 29, 2013 at 7:38 am

    It’s curious that Anything Slider uses float too. I tried to copy them but couldn’t do it. display: inline-block have the same results.

    I guess It’s better to search some plugin already made.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag