PHP Developers Network

A community of PHP developers offering assistance, advice, discussion, and friendship.
 
Loading
It is currently Wed Sep 30, 2020 5:10 am

All times are UTC - 5 hours




Post new topic Reply to topic  [ 4 posts ] 
Author Message
PostPosted: Tue Jan 13, 2015 8:39 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4434
Location: United Kingdom
We have DIVs lined up.
Inside that DIV, is a second DIV. When someone hovers over the main DIV, I want the inner 'title' div to be using the ":hover" class and light up, but not necessarily when the mouse is over that particular DIV.

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
PostPosted: Tue Jan 13, 2015 9:22 am 
Offline
Moderator
User avatar

Joined: Tue Nov 09, 2010 3:39 pm
Posts: 6425
Location: Montreal, Canada
Do you mean something like this?
http://jsfiddle.net/7ozo0t7f/

If not, please post some markup and more detail about what you're trying to achieve.

_________________


Top
 Profile  
 
PostPosted: Tue Jan 13, 2015 9:31 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4434
Location: United Kingdom
Syntax: [ Download ] [ Hide ]
<style>
.home_promobox
{
height: 165px;
margin-top: 10px;
width: 300px;
border: 1px solid #cccccc;
float: left;
margin-right: 10px;
}

.home_promobox a
{
text-decoration: none;
}

.home_promobox_title
{
font-family: Titillium Web, Arial, verdana;
font-size: 18px;
background-color: #cccccc;
color: #000000;
padding: 5px;
text-decoration: none;
}

.home_promobox_title a
{
text-decoration: none;
color: #000000;
}

.home_promobox:hover  .homepromobox_title
{
background-color: #333333;
}

.home_promobox_image
{
width: 138px;
margin-right: 10px;
float: left;
}

.home_promobox_image img
{
width: 100%;
}
.home_promobox_freetext
{
padding: 5px;
text-decoration: none;
}

.home_promobox_freetext a
{
color: #000000;
text-decoration: none;
}
</style>

<div class='home_promobox'><a href='$row->url'>
<div class='home_promobox_title'>$row->content</div>
<div class='home_promobox_image'><img src='/images/pages/$row->image' border='0' /></div>
<div class='home_promobox_freetext'>$row->freetext</div>
<div class='home_promobox_freetext'>Take a Look</div>
</a>
</div>

This isn't doing it for the great 'Title' box.

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
PostPosted: Tue Jan 13, 2015 9:33 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4434
Location: United Kingdom
Ignore that, I was missing an _ underscore. Thanks a lot.

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 4 posts ] 

All times are UTC - 5 hours


Who is online

Users browsing this forum: No registered users and 4 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group