Web design & Internet tutorials
Search the site...
Home» FAQ » CSS » How do you create fly-out menus or drop-down menus with Spry in Dreameaver?

How do you create fly-out menus or drop-down menus with Spry in Dreameaver?

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, FAQ
0

Hi Doug,

Thank you so much for your kind words about my videos at KelbyTraining.com.

How to create and edit drop-down menus with Dreamweaver’s Spry feature is a topic I want to address, but I haven’t had a chance to get into those advanced features yet in my videos. There is a lot to cover when it comes to Web design, but I do hope to add some video lessons on these features in the future.

I do have a couple of written tutorials on the topic that may help you; the following URLs will take you right to them.

How to create drop-down menus (or fly-out menus)  in Adobe Dreamweaver

Tips for editing a drop-down or fly-out menu in Dreamweaver

Two things to keep in mind.

First, these tutorials were done with Dreamweaver CS4, but the features did not change in version CS5, so they should work with either program.

Second, drop-down menus combine XHTML, CSS, and Javascript, which makes them considerably more complex to work with than many of the other features in Dreamweaver, especially when it comes to making sure your pages look and work well in many different Web browsers.

The Spry features in Dreamweaver offer a great shortcut to creating Javascript, but they’re not perfect, and if you run into problems, they can be complex to troubleshoot (I tell you that not to scare you off, just to warn you). In general, if you keep the drop-downs at the top of the page, they seem to work better than if you try to integrate them in the middle of a page design. Also make sure you don’t have any Flash files that may overlap with the drop-downs, or the menus will get lost behind the Flash file.

Finally, drop-down menus can be problematic when displayed in older web browsers. Remember, no matter how you create your website, it’s good practice to test your pages in multiple web browsers to make sure they work well for all your visitors. You’ll find tips and resources for testing you website in different web browsers in this tutorial.

I sincerely hope that helps you and I wish you all the best with your Web designs,
Janine

css, dwcs3, dwcs4, dwcs5, dwcs6, links

Leave a Reply

You must be logged in to post a comment.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

1&1 Hosting

Recent Posts

  • Google Analytics for Creative Professionals – new class on Pluralsight
  • Follow the cursor JavaScript sample
  • Part Four: Tools that let amateurs look like professionals
  • Part Three: Influence, Klout and finding what’s hot
  • Best social media tools part 2: Twitter, Instagram and Pinterest




© 2001 - 2020 All rights reserved. DigitalFamiliy.com | Terms & Conditions of Use | Privacy Policy

This is a demonstration store. No physical products will be shipped. Dismiss