Help with right float nav.

Hi,

I am redesigning this website: pottershouseblacktown.com.au and so far this is what i have ditfort.com/p

Notice on pottershouseblacktown.com.au how there is a right float navigation bar position fixed to viewport. How can I build one like that where the anchor link display as mouse hovers over the bullet point?

I'm out of ideas, I'm sure this can be done with HTML and CSS

I'm probably not on the right track but my idea was to create a table and use :hover to toggle the visibility of the text once the image is hovered over? I know it's wrong, but I'm not sure how to recreate this with HTML and CSS.

Thanks for your help.

Regards,
Chris

 

Hello Chris,
The navigation bar that you see in the right side of the page can be created using a jquery plugin. You could check it out here http://alvarotrigo.com/fullPage/examples/navigationV.html#3rdPage
I've afraid that you will need to redesign the entire website to fit this plugin requirements.

I hope that I answered to your question if not I'm sorry for that.

 

Yes, you can show/hide the text upon hover of the circle list items. jQuery or plain JS.

Instead of using plugins, try coding from scratch. That way, you will learn more and challenge yourself to pick up skills.