Hotspots and text

I would like an image of each member of staff to appear (in one position on the
page) as the mouse rolls over their name. Trying to reproduce their names as
images looks horrid. Can it be done off the DW text?

http://test.laserlines.co.uk/htm/corp/contactus.htm

haberdashery wrote:

I would like an image of each member of staff to appear (in one position on the
page) as the mouse rolls over their name. Trying to reproduce their names as
images looks horrid. Can it be done off the DW text?

http://test.laserlines.co.uk/htm/corp/contactus.htm

See if this tutorial helps:

http://www.dreamweaverresources.com/tutorials/settextoflayer.htm

Many thanks for your response. One problem, my site is in tables and the example refers to the solution being in layers. I can't mix the two, can I?

Sure. Just don't put your layers INTO tables, and don't expect layers to
move when centering or 100% tables move and you'll be fine.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"haberdashery" <webforumsuser (AT) macromedia (DOT) com> wrote

Many thanks for your response. One problem, my site is in tables and the
example refers to the solution being in layers. I can't mix the two, can
I?

haberdashery wrote:

One problem, my site is in tables and the example refers to the solution
being in layers. I can't mix the two, can I?


It should'nt be an issue.

Youll have to go into code though. You need to insert a 'holder' <div>
positioned relative in the <td> that is holding your 'contact'
information, see below. I've shown the starting code of the <td> and the
ending code of the <td> that the <div> needs to be inserted into. This
should allow you to identify where in the code it needs to be placed.

STARTING CODE: -

<td width="499" valign="top">
<div id="holder" style="position: relative; top: 0; left: 0;">
<div id="Layer1" style="position:absolute; width:200px; height:115px;
top: 100px; left: 100px; z-index:1">Image</div>
<table width="498" border="0" cellspacing="0" cellpadding="0">





ENDING CODE:-


<hr size="1" class="horizontalbar" />
<p>&nbsp;</p>
<p>&nbsp; </p>
<p>&nbsp;</p>
<p></p>
</td>
</tr>
</table></div><!-- closing holder <div> tag</td>



Note the absolutely positioned <div> id 'Layer1' in the code above is
directly inserted after the 'holder' <div>. This will house your
image/s. You can put as many absolutely positioned layers inside the
'holder' as you like. You may need to do this for names which are
further down the page.


Your code leaves a bit to be desired. You have plenty of redundant
stuff, like all those <p>&nbsp</p> in the code above.

Osgood wrote:


Missed off the closing comment '-->', should be as below. Its needed if
you leave the comment line in. If you delete it no problems



</table></div><!-- closing holder <div> tag --></td>