Help with making a parent div expand with child

  • CXLink
  • Expert
  • Expert
  • User avatar
  • Posts: 684
  • Loc: ATL-GA

Post 3+ Months Ago

So I have the post headers here.

http://www.couponmom.com/blog/

But they dont scale properly when the title is multiple lines like here.

http://www.couponmom.com/blog/2009/01/396/


I would like the bottom to get pushed down if the header is multiple lines.

Thanks
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • natas
  • PHP Ninja
  • Proficient
  • natas
  • Posts: 308
  • Loc: AFK

Post 3+ Months Ago

Just took a quick glance at the source code of the site. You have a "titlet" div which is ok... and a "titleb" div which also is ok. The problem is that no matter what content you have in there, the background image will always be the same.

What you need to probably do is create a "titlemiddle" div (or something similar) div. and give it a background image of something similar and have it repeat. Then put your content there. Just make sure it is in between your "titlet" and "titleb" div.

I am pretty sure this will work.
  • CXLink
  • Expert
  • Expert
  • User avatar
  • Posts: 684
  • Loc: ATL-GA

Post 3+ Months Ago

thanks for the replay natas. I added a titlem, but that is still not doing it. any other ideas?
  • mindfullsilence
  • Professor
  • Professor
  • User avatar
  • Posts: 854

Post 3+ Months Ago

you could use the sliding door effect. Extend your "phdb.jpg" height so that it's several lines long. Than set the css of the div that hold this background like so:
Code: [ Select ]
.titleb {
background: url("phdb.jpg") bottom center no-repeat;
}
  1. .titleb {
  2. background: url("phdb.jpg") bottom center no-repeat;
  3. }

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: Veeramanikandan and 53 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
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.