Forums

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

Home Forums CSS Help with jquery-magicline-navigation

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #44880
    hal8
    Member

    Hey everyone.

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

    This is what im trying to do https://css-tricks.com/jquery-magicline-navigation/

    and this is my wbsite http://dev.planbfootball.com/

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

    Can anyone please help ?

    #135635
    hal8
    Member

    @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 !!

    #135642
    CrocoDillon
    Participant

    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).

    #135650
    CrocoDillon
    Participant

    This should work for you: http://codepen.io/CrocoDillon/pen/KxLpq

    #135653
    CrocoDillon
    Participant

    @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).

    #135757
    hal8
    Member

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

    #141266
    Jeicee
    Member

    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 ?

    #141275
    Paulie_D
    Member

    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)
  • The forum ‘CSS’ is closed to new topics and replies.