Adding Text to Images

[zoeythecat]

Hi All,

I have a section within our webpage where I want to add an image and create a BIO. For example the way this page is setup is a "Contact IT Dept" I then have from left to right the name of the IT Person to the left and the email address of the IT member to the right. I would like to add their picture to the left side of the page (I understand how to position this via the Alt= tab) and then add a bio description of this persons responsibilities to the picture. So I would like to create the picture and then when their picture comes up you will also see a BIO description of them. Would anybody be able to offer any suggestion on what code I would have to do to accomplish this? Would I need to create a Javascript? If so where can I get a sample Javascript I could use to compare?

Thanks in advance.

 

[TheConeHead]

not sure I understand what you are asking??

 

[zoeythecat]

What code do I need to add for me to add text to the image picture? Example, here is the code that I have defined:

_________________________________________________________
<p><font face=&quot;Arial&quot;><font color=#000000&quot;>
<a href=&quot;../images/bustahat2.jpg&quot;><img src=&quot;../images/bustahat2.jpg&quot;
alt=&quot;Busta&quot; align=&quot;left&quot; width=&quot;50&quot; height=&quot;50&quot; border=&quot;4&quot;>
<b>Busta</b><b><i> (Network Specialist)</i></b></a>
<a href=&quot;mailto:uname@xxxxxxx.org&quot;>uname@xxxxxx.org</a></font></p>
_________________________________________________________
How do I add text to the bustahat2.jpg or how can I reference this image so when I click on it you will see the picture plus the description? I don't want to have the text on the current page, I want the text built-in with the picture.

Sorry for the confusion. This is kind of what I would like to do with this page:

http://www.brooksschool.org/pages/brooks.cfm

Click on one of the names that has a picture with it and this what I would like to do. Do I need a javascript to do this?

TIA

 

[palbano]

>> Sorry for the confusion. This is kind of what I would
>> like to do with this page:

did you View/Source to see how they did it? That's the quickest way to find out how someone did something that you might want to duplicate.

-pete

 

[TheConeHead]

sorry :/ Still not sure if I fully understand...

As far as opening a new window, like on this page: yes that would be just a simple JavaScript.

If you want to have text in an image, then simply edit the .jpg in a program like Photoshop and it will become a part of the image...

the window that opens on the school page looks like just a simple html page with:

--text--
--image--
--more text--

 

[zoeythecat]

Thx

 

[Bastien]

the other optioin might be to use some layers and create a layer over the image with the text and go from there... Bastien

There are many ways to skin this cat,
but it still tastes like chicken