The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Beginner Code Help
JuddH99
post 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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post 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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 03:40 PM