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 ?
HTMLCSSWeb Graphics Software

Avatar of undefined
Last Comment
Dan Craciun

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Dan Craciun

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
thuhue

ASKER
Can we make the text have a transparent background ?
Dan Craciun

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.
thuhue

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

Please provide sample code for the transparent look.
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes
Dan Craciun

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.
thuhue

ASKER
Would user's different desktop/browser settings mess up our positioning of picture on the page?
Dan Craciun

It works in all browsers. You would need to check on phones/tablets, but it should work there also.
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.