By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,520 Members | 1,271 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,520 IT Pros & Developers. It's quick & easy.

Text Over an Image?

P: n/a
Hi,
Is it possible using JavaScript to write text over an image?
I know this would be possible by using a HTML table and using the image
as a background but this is undesired. Also, an image map is undesired.
Ideally, I'd like to be able to create text hyperlinks on top of the
image.

Thank-you for your suggestions,

Paul
Jul 20 '05 #1
Share this Question
Share on Google+
5 Replies


P: n/a
Paul wrote on 27 okt 2003 in comp.lang.javascript:
Is it possible using JavaScript to write text over an image?
I know this would be possible by using a HTML table and using the
image
as a background but this is undesired. Also, an image map is
undesired.
Ideally, I'd like to be able to create text hyperlinks on top of
the image.


Why is a background-inage undesired? It works perfectly!

Else use css position:absolute and z-index

You do not need javascript for that.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
Jul 20 '05 #2

P: n/a
"Evertjan." <ex**************@interxnl.net> wrote in message
news:Xn********************@194.109.133.29...
Paul wrote on 27 okt 2003 in comp.lang.javascript:
Is it possible using JavaScript to write text over an image?
I know this would be possible by using a HTML table and using the
image
as a background but this is undesired. Also, an image map is
undesired.
Ideally, I'd like to be able to create text hyperlinks on top of
the image.


Why is a background-inage undesired? It works perfectly!

Else use css position:absolute and z-index

You do not need javascript for that.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)


I can't use a background image in this situation as it is already been used
for another purpose. I shan't go into detail but desperately need to be able
to write text over an image using, preferably JavaScript.

Was hoping to avoid css as the rest of the page is a <table> and just need
this one small requirement to finish.

Any ideas really appreciated,

Thanks,

Paul
Jul 20 '05 #3

P: n/a
Paul wrote on 27 okt 2003 in comp.lang.javascript:
Why is a background-inage undesired? It works perfectly!

Else use css position:absolute and z-index

You do not need javascript for that.


I can't use a background image in this situation as it is already been
used for another purpose. I shan't go into detail but desperately need
to be able to write text over an image using, preferably JavaScript.

Was hoping to avoid css as the rest of the page is a <table> and just
need this one small requirement to finish.


<table<tr><td>

<img src="bgpicture.jpg"
style="position:absolute;z-index:-1;width:120px;height:80px;">

Text on top, no more than fits the picture

</td></tr></table>


--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
Jul 20 '05 #4

P: n/a

"Evertjan." <ex**************@interxnl.net> wrote in message
news:Xn********************@194.109.133.29...
Paul wrote on 27 okt 2003 in comp.lang.javascript:
Why is a background-inage undesired? It works perfectly!

Else use css position:absolute and z-index

You do not need javascript for that.


I can't use a background image in this situation as it is already been
used for another purpose. I shan't go into detail but desperately need
to be able to write text over an image using, preferably JavaScript.

Was hoping to avoid css as the rest of the page is a <table> and just
need this one small requirement to finish.


<table><tr><td>

<img src="bgpicture.jpg"
style="position:absolute;z-index:-1;width:120px;height:80px;">

Text on top, no more than fits the picture

</td></tr></table>


--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)


Nearly perfect! Please tell me that this is possible...

I need to have a background image in the <td>. For example:

<table><tr><td background="bgpicture2.jpg">
<img src="bgpicture.jpg"
style="position:absolute;z-index:-1;width:120px;height:80px;">
Text on top, no more than fits the picture
</td></tr></table>

With the current code, the bgpicture is 'overlayed' with bgpicture2 and
cannot be seen.

I'm really hoping there is a fix for this!

Thank-you for your help on this,

Paul
Jul 20 '05 #5

P: n/a
"Paul" <pl****@dontemailmedirectly.com> wrote in message
news:bn**********@wisteria.csv.warwick.ac.uk...

"Evertjan." <ex**************@interxnl.net> wrote in message
news:Xn********************@194.109.133.29...
Paul wrote on 27 okt 2003 in comp.lang.javascript:
> Why is a background-inage undesired? It works perfectly!
>
> Else use css position:absolute and z-index
>
> You do not need javascript for that.

I can't use a background image in this situation as it is already been
used for another purpose. I shan't go into detail but desperately need
to be able to write text over an image using, preferably JavaScript.

Was hoping to avoid css as the rest of the page is a <table> and just
need this one small requirement to finish.


<table><tr><td>

<img src="bgpicture.jpg"
style="position:absolute;z-index:-1;width:120px;height:80px;">

Text on top, no more than fits the picture

</td></tr></table>


--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)


Nearly perfect! Please tell me that this is possible...

I need to have a background image in the <td>. For example:

<table><tr><td background="bgpicture2.jpg">
<img src="bgpicture.jpg"
style="position:absolute;z-index:-1;width:120px;height:80px;">
Text on top, no more than fits the picture
</td></tr></table>

With the current code, the bgpicture is 'overlayed' with bgpicture2 and
cannot be seen.

I'm really hoping there is a fix for this!

Thank-you for your help on this,

Paul

This is what I did...

I gave bgpicture a z-index of 0 and the text a z-index of 1.

Everything is great now - is that what you would have suggested anyway?

Thank-you very much for your help,

Regards,

Paul
Jul 20 '05 #6

This discussion thread is closed

Replies have been disabled for this discussion.