View Single Post
  #2 (permalink)  
Old 08-27-2008, 06:45 AM
dorayme
Guest
 
Posts: n/a
Diggs:
Default Re: position of text on image

In article <48b43f42$1_1@mk-nntp-2.news.uk.tiscali.com>,
Roderik <r.emmerink@tiscali.co.uk> wrote:

>
> I guess I am missing something. I tried to put a caption on my photo (on
> the bottom) but the caption appears to be a bit higher and overshooting
> the area of the image with a few pix.
>
> You can see it on:
> http://www.roderik.net/caption.php
>


You could try:

<div class="richimage"><img alt="photo"
src="/lib/img/latest/chaekith-brighton-shore.jpg" title="This is the
title">
Some text on the image
</div>

instead of your HTML.

And

..richimage img {display: block;--

instead of your

..richimage {
position:relative;
--

.richimage p {
position: absolute;
left: 0;
bottom: 0;
padding: 7px;
background:#000;
color:#fff;
opacity:0.7;
--

--
dorayme
Reply With Quote