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

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

« Next Oldest · Cascading Style Sheets · Next Newest »
 

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

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 27th April 2024 - 06:45 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC