IT WORKS! um… No, It Doesn’t

For the better part of Thursday afternoon and a couple hours of the weekend, I worked on learning and implementing a Spry MenuBar into a new HTML website template. Prior to Dreamweaver CS, adding a pop-up menu to a site was fairly simple. Click on the image or text link that you wish to have the pop-up menu activated and add the pop-up menu Behavior to the link. Some adjusting to the design and placement was allowable, but unless you were familiar with Javascript, there were restrictions.

Again, I’m no programmer, however, I get very excited and dare I say “giddy” when I venture into the Code View of an HTML page in Dreamweaver and begin tweaking code. So, now it was time to learn a new method for adding pop-up menus to an html page since Dreamweaver CS has done away with the pop-up menubar and added the Spry MenuBar Widget (I believe that is the right terminology). Instead of using Javascript like its predecessor, the Spry MenuBar Widget uses CSS (Cascading Style Sheets). CSS is a style sheet language that is used to describe the presentation of a document written in a markup language (description courtesy of Wikipedia).  I do love style sheets and DDA graphic designers and programmers use them all the time.

After I was very pleased with the design and functionality of my menu bar I tested it in Safari (looked great!) and Firefox, Mac version (again great!). I then ventured over to the PC to test it on Firefox, PC version (beautiful) and now my arch nemesis Internet Explorer 7 (@^##*$#@^*#@!!!). After some brief troubleshooting I called my DDA support team to help. Why, oh why would it work on all three other browsers and not IE7? While I still don’t have the answer, rest assure that the DDA programming and web development team is working on it and soon another site will work wonderfully in all available browsers and platforms!