MediaSvcsUnlimited Posted January 22, 2016 Share Posted January 22, 2016 Hi, when the sample class is hovered I want it to show the test par, but only when it is hovered. I was following the example on http://tv.adobe.com/watch/cs6-creative-clo...reamweaver-cs6/ but for some reason it 's not working right. Can I get some help please? <?php require_once('functions.php'); ?> <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <link href="MSU.css" rel="stylesheet" type="text/css"> <link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'> <style type="text/css"> article { width: 80%; background-color: #FFFFFF; margin-left: auto; margin-right: auto; padding: 2%; } #mainContent { background-color:#284a50; width:100%; padding-top:2%; padding-bottom:2%; } h3 { color:#284a50; } .portfolioHeading { font-family:'satisfy', cursive; color: #419DAF; margin-left:5%; } .samples { background-color: #419DAF; width: 18%; height: 18 l%; } .samples:hover { top: 0px; bottom: 0px; } </style> </head> <body> <?php logoMenu();?> <div id="mainContent"> <article> <h3> Quality Marketing Services </h3> Running an organization, of any size is rough, but it's especially hard for small businesses and non-for-profits. As the leader, you wear so many hats! You are the salesperson, producer of the product, and sometimes you have to do all the marketing work as well. Wouldn't it be nice if you could hand off the marketing tasks to someone else, without having to do them and/or hiring a full-time marketing staff? <br /><br />well, fortunately there is! Media Services Unlimited is a full-service marketing and creative company specifically geared towards small businesses and non-for-profits. We handle all the marketing tasks, so you can focus on producing high-qualiy products, pleasing your consumers, and growing your organization! </article> </div> <h3 class="portfolioHeading">Marketing Portfolio </h3> <article class="samples"> <a href="assets/Murder-Mystery-Front.png" ><img src="assets/Murder-Mystery-Front.png"></a> <p class="description">test</p> </article> <h3 class="portfolioHeading" style="clear:both;">Website Portfolio </h3> <?php footer();?> </body> </html> Quote Link to comment Share on other sites More sharing options...
Muddy_Funster Posted January 22, 2016 Share Posted January 22, 2016 You need to change the display on the child of the samples class - for both normal and hover display. See this fiddle for an example. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.