1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

A Little help with my CSS

Discussion in 'Web Design & Development' started by DEVGRU, Oct 8, 2008.

Thread Status:
Not open for further replies.
  1. DEVGRU

    DEVGRU Thread Starter

    Joined:
    Oct 28, 2006
    Messages:
    211
    Hey Guys , I'm not that great at coding I can just do enough to get by
    Here is my problem , I'm running a Content rotation module . Which is looking in a spefic section and pulling the first couple of lines from the story.

    here is what I want to do I have to have a Image at the top of all my stories and then the Module will have a pretty picture to display , But I want to Overlay The Next couple of lines over that picture ussing css , If this is hard to understand i made some pictures to help express what i'm saying

    Example story
    [​IMG]
    Heading
    Text text
    Blah Blah Blah

    And I want CSS to Draw a shaded Box Over the Image and Move the text Into it

    Example Story with expected results
    [​IMG]

    Any Ideas how to achieve this ?

    for my site http://adrenalinereviews.com/
     
  2. namenotfound

    namenotfound

    Joined:
    Apr 30, 2005
    Messages:
    3,012
    You could make the image a background image. Then the text will be on top of it.

    <div style="background-image:url('theimage.jpg');">Text here</div>

    Where it says "text here" will be placed over the image.
     
As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Loading...
Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/757452

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice