Seeings how I am behind a firewall, here is the code segment that I
finally got to work. I Attempted to use and image map and the
onmouseover that Brent had for his dual switch. I ended up splitting my
image map into two segments, the top part contains the hotspots and the
bottom is a switching image that provide a navigational aid.
I was having trouble aligning the two images in rows without
whitespace. Finally, after stripping out a lot of the cell and row
alignment tags, the below segment of code achieved what I wanted, two
images in separate rows that look like one image. On the mouse over,
the bottom cell switches.
<table border="0" width="406" cellpadding="0" cellspacing="0"
align="center">
<tr>
<td>
<p align="center"><map name="tab_filefolder_top">
<area shape="rect" coords="63,51,151,84"
href="http://lollipop.sssd.navy.mil/empsatsur/eas_94.html"
onMouseOver="img_act('screen1')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="148,51,237,84"
href="http://lollipop.sssd.navy.mil/empsatsur/eas_96.html"
onMouseOver="img_act('screen2')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="232,51,320,84"
href="http://lollipop.sssd.navy.mil/empsatsur/1998/cgi_eas_slide.html"
onMouseOver="img_act('screen3')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="2,1,89,34"
href="http://sssd.navy.mil/Intranet/" onMouseOver="img_act('screen4')"
onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="86,1,174,34"
href="http://lollipop.sssd.navy.mil/cqi_toc.html"
onMouseOver="img_act('screen5')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="170,1,258,34"
href="http://lollipop.sssd.navy.mil/sssd_metrics/sssd_busplan.htm"
onMouseOver="img_act('screen6')" onMouseOut="img_inact('bottom_img')">
<area shape="rect" coords="254,1,342,34"
href="http://lollipop.sssd.navy.mil/index.html"
onMouseOver="img_act('screen7')" onMouseOut="img_inact('bottom_img')">
</map></p>
<img src="images/tab_filefolder_top.gif"
usemap="#tab_filefolder_top" border="0" width="406" height="154"
align="bottom" alt="Employee Attitude Survey Image Map"></td>
</tr>
<tr>
<td><img src="images/tab_filefolder_eas.gif" name="bottom_img"
border="0" width="406" height="140" align="bottom" alt="Employee
Attitude Survey" ></td>
</tr>
</table>
Jack Killpatrick wrote:
>
> John Stewart wrote:
> > Sometime back, a question was psoed and solution provided as to how to
> > place two images in a table and have them appear as contiguous.
> >
> > I have a table with two rows and a single column. I would like the two
> > rows to have no white space (or line between them).
> >
> > I have tried the table cell size and position controls and nothing seems
> > to work. Does anyone have a sample code that will solve this problem?
> > I seem to recall it as a topic several months back; however, I can't
> > find any reference to it.
>
> John, can you put up an example of what you have so far and describe what
> you want the end product to look like?
>
> Jack
>
> ____________________________________________________________________
> --------------------------------------------------------------------
> Join The Web Consultants Association : Register on our web site Now
> Web Consultants Web Site : http://just4u.com/webconsultants
> If you lose the instructions All subscription/unsubscribing can be done
> directly from our website for all our lists.
> ---------------------------------------------------------------------
--
John Stewart
SUPSHIP San Diego
Information Systems Security Mgr
--------------------------------
____________________________________________________________________
--------------------------------------------------------------------
Join The Web Consultants Association : Register on our web site Now
Web Consultants Web Site : http://just4u.com/webconsultants
If you lose the instructions All subscription/unsubscribing can be done
directly from our website for all our lists.
---------------------------------------------------------------------
