Link to home
Start Free TrialLog in
Avatar of thuhue
thuhue

asked on

Add legend text on bottom edge of photo

How can legend text be most easily added on bottom edge of a photo jpg on an HTM page without editing it in photoshop or similar tool ?
ASKER CERTIFIED SOLUTION
Avatar of Dan Craciun
Dan Craciun
Flag of Romania image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of thuhue
thuhue

ASKER

Can we make the text have a transparent background ?
Of course. If you follow that tutorial you'll see that was the default.
They had to add a span to achieve the semitransparent box look.

Just don't use the span.
Avatar of thuhue

ASKER

You said "Just don't use the span.", but the tutorial uses span.

Please provide sample code for the transparent look.
Instead of
<h2><span>A Movie in the Park:<br />Kung Fu Panda</span></h2>
use
<h2>A Movie in the Park:<br />Kung Fu Panda</h2>

That will put the text on top of the picture, with no semitransparent box.
Avatar of thuhue

ASKER

Would user's different desktop/browser settings mess up our positioning of picture on the page?
It works in all browsers. You would need to check on phones/tablets, but it should work there also.