I am a novice web designer and am having trouble finding how to code the following:
I need to have links that point to PDF files, change to a different image when each link is hovered.
I have four text-based links on a Menus page. Each link points to a different menu that is in a pdf format. So, when the link is clicked it will open a specific menu, respectively.
<a href="menu2.pdf>Menu2</a> ..etc
Now what I want is this:
Idle state - the background image will show the restaurants logo, Logo.png
Hover over Menu1 - change background image to show Menu1.png
Hover over Menu2 - change background image to show Menu2.png ..etc
I would prefer to stay away from scripts that can be disabled and work solely from CSS if possible. Any info and coding to make this work would be greatly appreciated. I am pulling out my hair and Google is failing me. Thanks in advance.