Beginner Code Help |
Beginner Code Help |
JuddH99 |
Aug 21 2018, 12:34 PM
Post
#1
|
Group: Members Posts: 1 Joined: 21-August 18 Member No.: 26,697 |
Hi, I'm very beginner at this. However, I managed to get this code working.
<!DOCTYPE html> <html> <head> </head> <body> <style> .Catalogs{ display: flex; justify-content: center; padding: 30px; } .ELKINS{ padding-right: 30px; } .BOXPARTNERS{ padding-left: 30px; } </style> <div class="Catalogs"> <a href="http://flip.summitcat.com/t/184158-elkins-wholesale-inc"> <img class="ELKINS" border="0" alt="Elkins Catalog" height="288px" width="222px" src="../images/Catalog.jpg"/></a> <a href="http://www.boxpartners.com/catalogs/viewcatalog.aspx"> <img class="BOXPARTNERS" border="0" alt="Shipping Supplies Catalog" height="288px" width="222px" src="../images/BPCatalog.jpg"/></a> </div> </body> </html> However, I would like to take what this code does and give it the hover effect like what is found here. https://www.w3schools.com/howto/tryit.asp?f...ge_overlay_fade What do I need to do to get this to work? |
CharlesEF |
Aug 21 2018, 02:12 PM
Post
#2
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
Everything you need is on the page you linked to. Put some code together and post it, then someone can help get it working.
|
Lo-Fi Version | Time is now: 26th April 2024 - 09:09 AM |