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

Re: Text Over an Image?

Paul wrote on 27 okt 2003 in comp.lang.javas cript:[color=blue]
> 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.[/color]

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

Else use css position:absolu te and z-index

You do not need javascript for that.

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

[Paul]

Re: Text Over an Image?

"Evertjan." <exjxw.hannivoo rt@interxnl.net > wrote in message
news:Xns9421699 20CF9Ceejj99@19 4.109.133.29...[color=blue]
> Paul wrote on 27 okt 2003 in comp.lang.javas cript:[color=green]
> > 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.[/color]
>
> Why is a background-inage undesired? It works perfectly!
>
> Else use css position:absolu te and z-index
>
> You do not need javascript for that.
>
> --
> Evertjan.
> The Netherlands.
> (Please change the x'es to dots in my emailaddress)[/color]

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

Re: Text Over an Image?

Paul wrote on 27 okt 2003 in comp.lang.javas cript:
[color=blue][color=green]
>> Why is a background-inage undesired? It works perfectly!
>>
>> Else use css position:absolu te and z-index
>>
>> You do not need javascript for that.[/color]
>
> 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.[/color]

<table<tr><td >

<img src="bgpicture. jpg"
style="position :absolute;z-index:-1;width:120px;h eight: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]

Re: Text Over an Image?


"Evertjan." <exjxw.hannivoo rt@interxnl.net > wrote in message
news:Xns9421C72 A4E501eejj99@19 4.109.133.29...[color=blue]
> Paul wrote on 27 okt 2003 in comp.lang.javas cript:
>[color=green][color=darkred]
> >> Why is a background-inage undesired? It works perfectly!
> >>
> >> Else use css position:absolu te and z-index
> >>
> >> You do not need javascript for that.[/color]
> >
> > 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.[/color]
>
> <table><tr><t d>
>
> <img src="bgpicture. jpg"
> style="position :absolute;z-index:-1;width:120px;h eight: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)[/color]

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

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

<table><tr><t d background="bgp icture2.jpg">
<img src="bgpicture. jpg"
style="position :absolute;z-index:-1;width:120px;h eight: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]

Re: Text Over an Image?

"Paul" <please@dontema ilmedirectly.co m> wrote in message
news:bnk07n$ghc $1@wisteria.csv .warwick.ac.uk. ..[color=blue]
>
> "Evertjan." <exjxw.hannivoo rt@interxnl.net > wrote in message
> news:Xns9421C72 A4E501eejj99@19 4.109.133.29...[color=green]
> > Paul wrote on 27 okt 2003 in comp.lang.javas cript:
> >[color=darkred]
> > >> Why is a background-inage undesired? It works perfectly!
> > >>
> > >> Else use css position:absolu te 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.[/color]
> >
> > <table><tr><t d>
> >
> > <img src="bgpicture. jpg"
> > style="position :absolute;z-index:-1;width:120px;h eight: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)[/color]
>
> Nearly perfect! Please tell me that this is possible...
>
> I need to have a background image in the <td>. For example:
>
> <table><tr><t d background="bgp icture2.jpg">
> <img src="bgpicture. jpg"
> style="position :absolute;z-index:-1;width:120px;h eight: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
>[/color]
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