Question

i am using css to create a NewsList like :

<ul class="newslist">
            <li><img alt="" src="images/news-bg.png" />
            <h5>My Title <br />
            <span>Detailed description </span></h5>
            </li>

above is the first element and so far it works great. Its like this:

-------
|I    |  My Title.
|  M  |  Detailed description....
|    G|
-------

I am trying to insert the date inside the pic. the image is just an empty chatbox and i would like to be able to insert the date inside the image with html code!

any pointers??

Answer 1

One way is:

<ul class="newslist">
  <li style="position:relative">
    <img alt="" src="images/news-bg.png" />
    <div style="position:absolute;top=Xpx;left=Ypx">DATE</div>
    <h5>
      My Title <br />
      <span>Detailed description </span>
    </h5>
  </li>
</ul>

Where X and Y are the x and y offset where you want the date.