/    Sign up×
Community /Pin to ProfileBookmark

How do I write on a picture?

I’ve been searching the whole site and I can’t find that page that tells me how to right on a page, I really need it for my new layout ^^.

(Its going to look so nifty ^^)

to post a comment
HTML

11 Comments(s)

Copy linkTweet thisAlerts:
@js_prof_consMar 28.2005 — Write text on an image? You could always absolutely position the text, but you'd have to test that for other layouts:<span style="position:absolute;left:239px;top:121px">This text is placed at (239,121)</span>
Copy linkTweet thisAlerts:
@MstrBobMar 28.2005 — [font=Georgia][COLOR=royalblue][font=Georgia][COLOR=royalblue]You want text to be displayed over an image? Something like:



[code=html]
<div>
<img src="image.jpg" alt="Description of Image" width="150px" height="150px" style="display:block;">
<span style="position:relative;top:-100px;">Text Over Image</span>
</div>
[/code]
[/COLOR][/font][/COLOR][/font]
Copy linkTweet thisAlerts:
@fredmvMar 28.2005 — Maybe a background image is what you're looking for?
Copy linkTweet thisAlerts:
@js_prof_consMar 28.2005 — That too would work, Bob, (if you add your > in </span[B]>[/B]). Probably better than my first instinct anyway.
Copy linkTweet thisAlerts:
@MstrBobMar 28.2005 — [font=Georgia][COLOR=royalblue]Oops, typo, fixed. Though, fredmv, you're method is probably the best. Though with positioning, you have more control over where in the image the text appears over. But I was thinking of having text appear over an image, not really background, but the OP is a bit unclear on that. All three methods work.[/COLOR][/font]
Copy linkTweet thisAlerts:
@BBC_ReyauthorMar 28.2005 — Nevermind, found out how.
Copy linkTweet thisAlerts:
@js_prof_consMar 28.2005 — Nevermind, found out how.[/QUOTE]
Just wondering, did it happen to be a method posted here?
Copy linkTweet thisAlerts:
@BBC_ReyauthorMar 28.2005 — No, found it on the site, then found out it didn't work, so I'm back here XD... Because it made the picture echo.
Copy linkTweet thisAlerts:
@js_prof_consMar 28.2005 — No, found it on the site, then found out it didn't work, so I'm back here XD... Because it made the picture echo.[/QUOTE]Three solution have been posted. To clarify fredmv's, he simply means bg image of a div or the similar, not of the entire body.
Copy linkTweet thisAlerts:
@ccoderMar 28.2005 — I've been using the method described in this article: http://builder.com.com/5100-6371_14-5169871.html
Copy linkTweet thisAlerts:
@the_treeMar 28.2005 — That article looks like a comlex version of fredmv's idea.

Here's how I would have/have done it.
[code=html]<p style="height: 300px; width: 300px; background: url(background.gif) no-repeat;">
Assuming that the background.gif is 300px x 300px, you will see that image with this text on top of it.
</p>[/code]
×

Success!

Help @BBC_Rey spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...