Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Text Underline when Hover over Image

Text Underline when Hover over Image

Problem

I'm slowly understanding php but need some help please. I would like the h1 tag in the .rel to Underline, when you hover over the post thumbnail. Could someone point me in the right direction please?

I found: hover image and text change BUT NO ANSWER. Underlining in Javascript? but not sure how the jquery works in my case? http://www.kirupa.com/forum/showthread.php?295704-Change-text-hover-when-hovering-over-an-image but the a href is wrapped around the image and text.

I've read about mouseOver and mouseOut functions but unfamiliar with these!

My code in php

div id="boxes"

">

"> '', 'title' => '')) ?>

Problem Courtesy of: am2013

Solution

try the following css:

.box > .rel > a.thumbnail:hover ~ h1 { text-decoration; underline; }

and add a class attribute:

">

"> '', 'title' => '')) ?>

ps: deleted the unmatched

.
Solution courtesy of: collapsar

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Text Underline when Hover over Image

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×