- This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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 ?
@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 !!
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).
This should work for you: http://codepen.io/CrocoDillon/pen/KxLpq
@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).
@Atelierbram and @CrocoDillon. Thank you so much for the help. I really appreciate it. Think it is done now !! You guys are legends
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 ?
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.