The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> 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
 
Reply to this topicStart new topic
Replies
CharlesEF
post Aug 21 2018, 02:12 PM
Post #2


Programming Fanatic
********

Group: Members
Posts: 1,587
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

Posts in this topic
JuddH99   Beginner Code Help   Aug 21 2018, 12:34 PM
CharlesEF   Everything you need is on the page you linked to. ...   Aug 21 2018, 02:12 PM


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: 25th March 2019 - 07:32 PM