CSS Help Styling Divs

[Dj Smuggla]

Im tring to make a custom page for vbulletin, but im having trouble styling the div containers.



See the colored boxes, i want them to look like this:



Here's my code: (Code Removed)

I've added the background image at the top of the box to the div, thats ok
but then how do i add a alt image inside the box? Below that image?

And a separate little box around the date posted?

[Lynne]

How about a link to see the results of the code you've posted.

[Dj Smuggla]

Here's a link to the page:
http://www.hiphopdownloadz.com/music.php

I just need to know how to split each box into sections, so i can use tcat for the top of the box, & alt for the rest of it. Right now when i add the tcat image to the css for the box, i then cant add another image for below it.

[Lynne]

I'm not sure exactly what you want. Something like...

<div class="first">
<div class="title">N.O.R.E.</div>
<div class="date">Posted: 04-29-2011>
<div class="image_background">N.O.
<img scr="download.jpg" alt="" />
</div>

</div>

[Dj Smuggla]

Thanks for helping me, but this is the result from what you give me:



See its all squashed up the top.

What do i need to add to the <div class="title"><div class="date"><div class="image_background"> CSS to make it display how i want it like this:



Basically how do i tell it to show the top image (with green line) behind the title, then i want to use the alt1 for the date (just underneth) then alt2 for the rest of the box.

[Lynne]

I just posted class names in there. You will have to make them the font-size and color you want and also put in any padding and then the background image. I don't know any of those details - only you do.

[Dj Smuggla]

Thanks a lot Lynne, ive managed to make them display how i wanted them now.