Jump to content

Issues creating a rollover button


jli111
 Share

Recommended Posts

Hey everyone.

I’ve been working through a book – HTML5 in easy steps – and have come across an issue which I can’t resolve through just through following the instructions perfectly, twice from the ground up. The book is from 2017, so I would hope it is not that outdated yet to be giving completely wrong instructions.

I’m trying to create a rollover button – a button that changes appearance when the mouse is hovering over it – that takes the user to Youtube when clicked. The hyperlink part of the button works fine, but it does not change appearance when the mouse is hovering over it. There are no problems apparent in the code when using the Inspect feature of Google Chrome.

Attached is a screenshot of my HTML and CSS documents.

If anybody could point out where I’m going wrong with this I’d very much appreciate the help.

Thanks in advance.

rollover-html.png

rollover-css.png

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...