Dreamweaver Drop Down Menu

Learn how to create a dreamweaver drop down menu in Dreamweaver CS3. I will also show you how to customize the CSS styles that are created.

Category:

Education

Tags:

• dreamweaver
• tutorial
• cs3
• drop
• down
• menu
• website
• tutorials
• web
• css

[ZawadiSimone]

After creating the spry table and CSS within Dreamweaver. Where do I paste the code into Blogger.com (ie for a blog that already has its own CSS already)?

[Dreamweavergal]

@ZawadiSimone I have not done this on blogger.com, however if you have control over the css you can take the code you created in Dreamweaver CSS and put it in the CSS in blogger.com. You will also need to be able to add the javascript to blogger.com. See the header in your DW file - you will notice that you link to a css file and an js file. You have to be able to link to both of them in order for your spry bar to work. I'm just not sure how much control you have in Blogger.com

[shizzlemusic]

How do u change the size of the menu bar? I am trying to fit a text in the menu bar but it breaks to the bottom making the navigation bar uneven...please help :)

[Dreamweavergal]

Basically what you need to do is remember a couple simple things. The first css rule that shows up controls the entire bar, (example: ul.MenuBarHorizontal - changing font in this rule will change the font for the entire bar). Remember that the bar is based on an unordered list so you have tags like ul and li. If you change the width in the one ending ul li then you should be able to get the results you need. Let me know if that does not help and I will send you some more info.

[farrukhbig]

how can i position the menu, i can't seem to move it around the page to any place i want it to be.

[Dreamweavergal]

The short answer is to create a div tag where you want the navigation where you want it and place the spry nav inside of that div tag. If it is horizontal then you will need to create a class that clears the float before the closing div tag. Or you can adjust margins in the UL tag in the spry css sheet (I think it is the first style defined).

[Conorooney]

For someone givng advice on how to create webpages you'd think you'd have a high quality cam to help others!

[smart2022]

resolution is very bad

[stonecolly]

video graphic is bad very bad .... whats the purpose of ...tutorial.. next time just use ur voice thn

[submitbannerusa1]

Great info here!

[kenwood720]

Cannot see your screen. Awful.

[shakaama]

HOLY BAD VIDEOS BATMAN!!!!

[Debug43]

Do you know hard is it is to follow your cursor all over the screen on a fuzzy image. I suggest you change your cursor size and check your image before creating a tutorial. I cannot read anything on the image.

[angelstar22]

I'm trying to create a vertical menu with Spry and I can't get it to work. The Spry thing is inside an include and then on the pages of a site I'm working on. Maybe I'll watch some more videos.

[palashmitra000]

very bad resolution.

[allarajkiran]

@Dreamweavergal it would be helpful if u show that on youtube