Greetings All, I have a client that wanted me to completely redo a table-based site he has using css positioning with an eye towards standards compliance (don�t you wish there were more of those clients?!).
The page he gave me to work from is: http://dev.cmhhike.com/ He wanted to preserve the function of the drop down nav, which was image-based using heavy scripting, but wanted it to be list- and css-based. He also wanted the page to be centered. And he needed to preserve the drop down pop-up box thing, but he wanted to have it positioned differently. I used the Son of Suckerfish Dropdowns article (http://www.htmldog.com/articles/suckerfish/dropdowns/) as a jumping-off point for the nav work. Then I used a Slide Layer Dreamweaver extension (http://dmxzone.com/ShowDetail.asp?NewsId=3484) by Marja Ribbers (http://dmxzone.com/myZone.asp?userid=8884) to create the sliding behavior of the �pop-up.� The reworked page can be seen here: http://www.manisheriar.com/kevjo/cmh/index.htm I have tested it in FF and IE on the PC and was wondering if I could get feedback from users of other browsers and platforms. And any other feedback about usability or anything else would be appreciated. I�ve never used these techniques before and I�m just not sure how kosher they are. I know that one issue is that the far right menu, when hovered over, if it extends past the width of the browser than you get a horizontal scroll bar and no easy way to reach the sub-nav lists. I�ve also heard that things aren�t working quite right in Mozilla on the Mac, but haven�t had any details on this. If you do spot problems, screenshots would, as usual, be greatly appreciated. And even more greatly appreciated would be any ideas on how to fix the problems! Thanks SO much everyone! Mani Sheriar Sheriar Designs | www.ManiSheriar.com 925|914.0741 � � ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
