Text Over an Image?

[Paul]

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

[Evertjan.]

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)

[Paul]

"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

[Evertjan.]

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)

[Paul]

"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

[Paul]

"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