• # May 19, 2013 at 10:17 am

    Hey everyone.

    I am trying to use this technique for my own wordpress website re design.

    This is what im trying to do

    and this is my wbsite

    As you can see its not sliding when you hover over.

    Can anyone please help ?

    # May 19, 2013 at 4:26 pm

    @atelierbram thanks for that. But I still can do it. I have removed the line you said and comma.

    I really suck with this kind of stuff !!

    # May 19, 2013 at 6:01 pm

    The css-tricks version put in CodePen, doesn’t work (the width needs to come from the `a` elements, not the `li`). What it does is floating all the `a` elements, so the `li` elements don’t contain them anymore. All the `li` elements hug up with width and height zero, that’s why setting the magic line position to the `a` position works.

    You however, are using inline-block on the `li` elements, making them to contain their floated `a` elements (because of block formatting context of inline-blocks).

    # May 19, 2013 at 6:29 pm

    This should work for you:

    # May 19, 2013 at 7:24 pm

    @atelierbram I think it works in your Pen but not on @hal8‘s website because on his website he got `position: relative` on almost everything. Without `position: relative` and padding on the `li` elements it seems to work as well (put the padding on the `a` elements instead).

    # May 20, 2013 at 4:45 pm

    @atelierbram and @CrocoDillon. Thank you so much for the help. I really appreciate it. Think it is done now !! You guys are legends

    # July 2, 2013 at 5:58 am

    Can someone help me ! I do really want to use this for my project, but the problem is, everytime im going to put all the files & codes. My other plugin slider is not working. any tips ?

    # July 2, 2013 at 8:06 am

    Try putting your code into Codepen so we can see a n example of what it is you are trying to do and what might be breaking.

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

You must be logged in to reply to this topic.