Thanks for your quick reply regarding the source for the menu bar on
http://www.ced.ltd.uk
By it working on Windows, I mean all the browsers available on my PC,
which include
Internet Explorer 6.0, Mozilla Firefox 0.9.2, Opera 7.51, Netscape 7.1
I don't know what browsers are failing on Mac, I merely have had
feedback that many Mac users have difficulty - like yourself, I have
no Mac available !
I gather that when you click on the menu, nothing happens.
javascript
:alert(window.frames(0).document.body.in nerHTML)
correctly shows the Map tagging. I did notice a discrepancy in the
capitalisation of the Map name and its UseMap reference - would that
perhaps explain the problem? or even that I called the Map name 'Map'.
The reason for the image menu is that when the buttons are fixed, they
can be made more stylised.
The window.screen.availWidth was for using a larger image for screens
with a greater width in pixels. I rem-ed it out whilst studying this
problem.
Thanks for your comments about being keeping HTML valid - it's always
a helpful reminder. Much of it comes down to the fact that design is
ongoing into the site, and in quickly copying and pasting one can
inadvertently misplace a paste through too cursory a look, or it's
easier to type a short tag just to get the testing right - so I'll be
going through carefully when it is really final. The comments about
quotes was certainly useful.
Anyone of you guys out there own a Mac, who could help ?
david
------------------------------------------------------------------
Menubar Code in question (modified) :
<Html>
<Head>
<Style Type="text/css">
A {font-size:14}
</Style>
</Head>
<Body BGColor=#e0ffff VLink=#000080 ALink=#ff0000
Background=BackgroundMenu.png>
<Table Border=0 CellSpacing=0 CellPadding=0 Width="100%"><TR>
<TD>
<Span Style=cursor:hand>
<Script Language=JavaScript>
s='<Area Shape=Rect Target=Show Coords=';l=64;w=59;h=22;img='800600';
//if (window.screen.availWidth>800) {l=84;w=77;h=22;img='';}
document.write(
'<Img Src=Menu'+img+'.png Border=0 Usemap=#Map><Map Name=Map>'
+s+(l*0)+',0,'+(l*0+w)+','+h+' href=Products.php Title="Online Product
Brochure Browser, Searcher and Datasheets">'
+s+(l*1)+',0,'+(l*1+w)+','+h+' href=SuppliesWeb.php?spwCategory=16
Title="Online Project Exhibition and Searcher">'
+s+(l*2)+',0,'+(l*2+w)+','+h+' href=Resources.htm Title="Useful
Documents and Resources for Downloading or Printing">'
+s+(l*3)+',0,'+(l*3+w)+','+h+' href=Contact.htm Title="Contact Details
for different CED Depots">'
+s+(l*4)+',0,'+(l*4+w)+','+h+' href=Brochure.htm Title="Request a
Brochure in the Post">'
+s+(l*5)+',0,'+(l*5+w)+','+h+' href=Ced.htm Title="Description of CED
and its History">'
//+s+(l*6)+',0,'+(l*6+w)+','+h+"
OnClick=self.open('Glossary.php','','toolbar=0,men ubar=0,location=0,resizable=yes,width=600,height=3 00,scrollbars=yes')
Title='Search a Glossary of Terms and Definitions'>"
//+s+(l*7)+',0,'+(l*7+w)+','+h+' href=MenuFull.htm Title="Help and
Expanded Menu">'
+s+(l*6)+',0,'+(l*6+w)+','+h+' href=MenuFull.htm Title="Help and
Expanded Menu">'
+'</Map>');
</Script>
</Span>
</TD>
<TD Align=Right>
<A HRef=MenuAlt.htm><Font Color=#000000 Size=-2>Alternative
Menu</Font></A>
<B><I><Small>CED for all your Natural Stone</Small></I></B>
<A HRef=Home.htm Target=Show><Img Src=Ced-Green.png Width=40 Height=40
Align=Center Border=0 Title="CED Ltd"></A>
</TD>
</TR></Table>
</Body></Html>
