[HD] Spry Drop Down Menus & CSS Dreamweaver Tutorial

[sandypet1995]

do all versions have this menu?Because i have macromedia dreamweaver 8 and i cant find it!

[1179321998]

I cant vind the spry menubar please help

[chonakarn]

Thx, you're the BEST

[gexcuatro]

Clap clap clap !!! Thanks a lot ,never easier despite the speed of your voice ! clap clap clap !

[dintercessor]

why theres no blue lines on my drop menu bars? ive tried to roll over it,, still cant find it

[zombiegamer51]

so once you have the dropdwn menu how do u edit the page when you click on the link. i really need help for this we page

[Neoxym]

The spry thing doesn't pop up for me so I can't reach those settings. Any idea of what might be wrong? I can edit it fine in the code, but it just stays in the default properties mode with bold text / link etc.

[Alshamam]

thank you very much .. it's really helpful!

I like your tutorials very much

[dastindimaz]

thanks for tutorial man!

i like it!

[Fkriget]

very nice pedagogical video!

[togoode2008]

How do you correct IE issues for a double drop down menu. I'm trying to get 1 drop down menu in a div them make another below that. the problem is that in IE the drop down does no droop down all the way. any suggestions?

[9upgrade9]

thank you so much this really helped subscribed :D

[DTADontTrustAnybody]

Excellent !!!!

[roseschixqz]

how do u do, if the image would be the buttons and different background image for drop down menu. please help me because I need this for my project and it's due next week and I only know 18% of this software. well Im just a beginner :C

[shoheeb1]

Very clear and vivid instructions, just what I was looking for. thank you,

[etagweyo]

thanks again.. now i can say i am confident enough to create a basic website.

you are the man

[saifudeen212]

whts with the accent  :P

[85enting]

thank you, excellent tutorial.

[MrIsaaku]

the best teacher ever !!!!! your videos transformed me from a loser into an excelent web designer during only few days wawwwwwwwww!!!

[eryca2]

i feel like i got too much information for once, like a 3 hours long class full of infos...

thank you though, good tutorial : )

[SexyArcanine666]

This tutorial is perfect

[MrWatsonrandy]

Do you know of any comprehensive books that teach HTML? I have a couple but their explanations are lacking

[ciarastella]

Thank you so much!!!

[CYC4GOD]

I decided to go with a Darker Background image for my drop down menu, Where could i possibly go to edit the color of the text for the drop down menu? please if anybody knows, lend a hand

[zillionz]

Thanks mate... I'll be working on my own one with cofidence this evening. Great tuts.

I see 11 people clicked a 'thumbs down'; they obviously must have made a mistake... I wonder if they know that to undo it, they just need to click the 'thumbs up' now and it will change thier selection... :P

[8ghazale8]

Could this kind of menu sticks on the top of the page for example, and always be at the top even if I screw down ?how ?

[TheWebtuts]

@8ghazale8 You can place a menu anywhere on your webpage

[azwanMGSB]

Thank You so much.. very helpful

[blakarosoe86]

Hello Thank you so much for this tutorial,

But I have a question,

There is a thin grey border around my sub menu's, and if I rollover the buttons you get a small blue border, I want his gone, how do I do this?

Thanks in advance

[elliotpreece]

I’m having a problem with my Spry horizontal navigation bar. I am wanting to have a separate background image for the button that is the current page but I can only seem to set one image for all of the top menu’s except from the ones with the drop down menu’s. How do I do this?

[ashisonline100]

do you take speed before recording your tutorials?

thnx anyway!

[el1zabuff]

@ashisonline100 LMAO!!

[UHChibi]

Thank you

[jjrutter]

I have published a website with a spry drop down menu in it, the spry assetss folder is also publsihed with in the site, yet when I publish the site the drop menu doesnot appear as it should, it just shows text and not the drop down, can you tell me what is causing this Ta

[tmriddle2]

Hi Guy I made a drop down and some how now its not dropping, It either doesnt show or is static can you teel me where to look to reset it ?

[garrettbowser]

Thank you so much for making these video tutorials and sending them out into the world free of charge. Looking forward to applying these techniques to the websites I design.

[leowasif05]

great Work Man Can we make Ajax grid View with spry tools



[SharpCutterTeam]

Great Video man Thanks! .. I guess the 10 people that disliked dis are fairly retarded

[pbwence]

cant find my spry menu :-(

[massman7586]

is there any way to center a spy menu thats not as large as the div tag?

[bvphotos]

Great video,

I'm done with all my pages but I have a problem.

Is it possible to ad or delete a tab in all pages at once.

I did try to change in the index page but it's not changing in my other pages!!!

I hope there is an easy an fast solution.

[coffeecreep2000]

I love how technology is making stuff like this easier to produce. I remember hours of toiling and frustration with CSS and javascript interacting with nested list items and blah blah blah....

[bopeuph]

I made my spry bar to float right, above my logo. When it floats right, it turns out the links are put together backwards, so I reversed them. However, IE does not read the float right code, so now I have a backwards menu sitting on the left in IE.  How do I fix this?

[PatriciaSdeLopez]

@10.29, you said that you know that your site is 8 ems. How can I get this information? My menu is not fitting properly.

[PatriciaSdeLopez]

@10.29, it was said that the site for which the nav bar was being made is 8 ems. How can I get this information? My menu is not fitting properly.

[EvokingPhotography]

how can i center my spry on my page without making my buttons larger.... create an ap dv? that seems crazy to do on each page to make a menu.

[Ulrich229]

man i dont know what i would have done without this!!! thanks!!

[sandare05]

hi how can i make the vertical menu bar visible on top of the frame..

as i have two frames one for the top name and menu's and the down for body.. now the problem i am facing here is i cant able to see the vertical menu's from the horizontal spry menu bar??

[Cacatelushurel]

Tutvid doot coooom haha, very funny one, but thanks for the tut it's really cool!

[BrighterComa]

Hi, I have two spry menus on my site, and I want to add an image to only one of them. But when I add the image on the only spry menu I want to be on, somehow its on the other.Can someone please tell me what I'm doing wrong. Thank you

[l33boiakamaishish]

thank u helped me so much, i was close to giving up and thought i would never learn this... keep it up coach

[CloserExamination]

Unbelievably Helpful! Thank you so much!

[Laadinek]

wicked vid!!!! keep up good work!!!!

[atras14]

great video!! very helpful! tq tutvid!

[KosmosWorkz]

Great Video Well Explained Thanks !!! 2 thumbs up !!

[TheVileSin]

Great video, really informative. Helped me out a lot, thanks.

Fuck me dead is your accent grating though, makes it difficult to listen to.

[Ikariamology]

@TheVileSin ????

[DLMagers1010]

Hello. I am interested in learning if there is a way that you can align a spry menu bar. Where it can be centered in the wrapper. Or what ever you may have it in.

[viktorlajos]

Great tutorial. Thank you !

[randomstuff6791]

This sucks, DreamWeaverTutorial made it in 16 minutes AND in CSS, so i tried it on Macromedia Dreamweaver 8

[0MrRofl]

tutvid... .cooooooooooooooooooom

[onegist]

Excellent video, it's a great help!

[sasacool66]

Hi I made the drop down menu but when I minimize the browser window, the menu elements come under each other... in fact all the elements of the page move about!!! how do I fix the position of all the elements in place?

[juanpciri123]

I have a problem with the submenu in IE. They place far away at right. Also i added a image like in the video but buttons without submenu will show border that I don't know how to take away. Touches everything trying to fix it but won't go away. This annoying line won't appear in IE, but it does in firefox and dreamweaver =(. Please help

[PilatesenFrance]

Hi,

Any idea why, even though it shows in Dreamweaver, my drop down menu is nowhere to be found once I publish? I'm a bit at a loss. I'm also using CS5.

Thanks,

[PilatesenFrance]

In fact I just tried with a blank html page. Inserted my spry horizontal bar and nothing shows when I preview it. Help?!

[MrLEARNGRAFFITI]

@PilatesenFrance you need to upload the source code bro. where it says spry menu..

[VintageEve]

How did you get the image button to bridge to edit it on photoshop? im stuck at this part..pls .help

[TheBelter99]

thanks again m8, simple videos that are easy to follow, i cant thank you enough

[jackmacken]

this there any way that you can change the clour of the text... in the menu bar and the drop down buttons...

[jackmacken]

can you change the colour of the text....

[jbaker2598]

Hey I have padding and/or margins around my buttons. How do I get that to leave. I followed everything you did and I checked all of the css style and they have no padding or margins. What did I do wrong?

[UniqueSunrise]

Do you ever take a breathe?

[nicnats1]

@UniqueSunrise 1:19

[qqqTOXICqqq]

Best TUT on this topic! I added the buttons but now i have to learn how to become more advanced because they are boring & not custom at all. Just white buttons. Learning!! Thanks!

[AndyRanged]

Hey thanks a lot man, much appreciated! Some of the code I had written before I inserted this menu into my site seemed to disable any spry styles... kind of weird - it displayed the menu as an unstyled unordered list. there was nothing out of the ordinary that I could tell would be screwing it up. Anyway, I re-did the site, coding the spry menu first, and working around it, and sure enough it worked.

Thank you very much!

[thugs4life22]

thanks for ur videos..really helped me a lot

have you got flash tut as well?

[sublimdthmssge]

@thugs4life22 u should check out the tutvid site they have it there

[saxman1815]

I have one issue with the submenus not showing, which I've described below. I also was wondering if you can edit the active state of menu items and set a default state for the home item to show as active upon first load?

Thanks for your time and the great tutorials!!!!

[DustySpitter]

i already made a navigation menu, can i make the rollover from that?

[AMTrane]

another great tutorial. thanks

[DrWho2008t101]

great job. you're good at what you do.

[Mongify1]

How do i move menubar? :/

[SuperMac1963]

Thanks a lot for this great tutorial - now I know what Spry is and how I can use it.

BUT ONE problem is, that in IE or Firefox no submenues are existing!!!

What is the reason for that - Do I have to "copy dependent files" in the root directory?? Many thanks!

[saxman1815]

@SuperMac1963 I am having the same issue. The menu shows fine and the links work, but when I hover over the items with submenus, they don't show up? I copied every file I could find into my root directory andstill no luck. Have you figured it out? Does anyone else have any ideas?

[SuperMac1963]

@saxman1815

I find out, that you need to generate a Site first, then it worx!!

[CroneMagick2010]

Ohh - I'm working in CS3 Dreamweaver - if that helps. Thank you in advance for any assistance. 

[CroneMagick2010]

Another idea I've had is to create tiny icons for each of the drop-down items. Again, I have no idea how to assign a different image for each of the sub-menu items. Do you have vids for either of these issues? I've been in agony all day yesterday just getting to this point with the menu so far. The other one that I THINK I can fix watching this vid again is that the text on all sub-menus wraps and I haven't been able to divine how to make them auto stretch. Will try again and see what happens.

[CroneMagick2010]

Hi, this is a really great tut. I think when I watch it again I'll be able to fix one of the two issues I'm having. The other one however is not covered in this vid. What I need to make happen is - I want the main menu buttons to have one image and the drop-downs to simply be black with no image. I have not been able to divine how to accomplish this. When I add the image to the main buttons, it adds it to the drop-downs as well.

[Theminiq3]

How do you change the hight?

[qqqTOXICqqq]

I'm trying to link each page into the spry menu. In the html basic page highlight & opine it to the html folder file. it's no working with the spry pages. How do i link each website page to each pry menu button page selection? Anyone?

[durrban]

Helpful tutorial. I recently switched my web host to Jonnyhost(dot)com and I can't be happier!  Check them out!

[MrChoose]

Thank you so much! I needed this for a Scool Project!

[JSmi86]

Can you select multiple style refs at once and apply the properties for each simultaneously?

[BDeiste]

Thanks as usual very good tutorial. Happy new year! How do we place an image instead of text and texture like you've done??

[Arjun007ize]

subscribed.

[mangoprojects]

No, thank you for the tutorial. Thank you. - Behind VFX

[figger06]

what a brilliant tut. I like the fact that it is detailed and long enough to cover everything you need!! I dont like short tuts! Thanks mate and i will be subs!

[perrinej]

this guy is awesome i can follow him like no other on youtube....thanks soo much makin my life easier!

[Johnnywoods10]

Is it possible to change the submenu text size? Seems like this should be simple but i have played around with this for hours and can seem to get it to work!

[Breeze508]

Greet tutorials!!! I’m new to Dreamweaver also. Does anyone know how to fix css web browsers compatibility issues for the drop down menus? Viewing in Chrome it looks perfect but in iexplore it’s a mess. I’m stuck in Japan and no one to talk to about this. HELP!

[qqqTOXICqqq]

Nice tuts! I'm new to dreamweaver i have a basic CSS template. Anyone know how i can make a basic button bar across the top without a spry drop menu? I want simple buttons across the top & i don't want to download free templates.

[figger06]

@qqqTOXICqqq did you get anyreplys to your question?

[qqqTOXICqqq]

@figger06 No but i learned how to make a decent Html/CSS website. But now i'm trying to learn if i can add a top spry type buttons to the regular html bar in the menu. Trial & Error i keep learning as i go. I checkout the tuts, and i try to apply to other things i learned.

[ltdedition123]

Can any1 tell how to see the actual design of the bar in design view? All i see is the un-ordered list in design view as well when its rendered in the browser.

[lilazeonboa]

hey how you center the navagation bar? I try 'align="center" ' in the div and it didnt work. I align center in the css and still didnt work.... Help please =/

[figger06]

@lilazeonboa To align a div to center you need to to go into the css and give the left and right margin auto and leave the top and bottom blank.

[EllenThom1]

Great video! I copied your directions exactly and the menu turned out very nice except when I view it in Internet Explorer there is an active x pop-up which I do not see in other drop down sites on the Internet. Do anyone know why this is?

Thank again

[mrMatvel]

you are the Master mate!!! thanks alot for all these tutorials :).. much appreciated

[fullerstreetdotcom]

Sooooo...once I build this spry is there a way to COPY and PASTE it to my other pages so I don't have to rebuild it?

[hippyhater1]

@fullerstreetdotcom make it as a library item so every time you change it, it changes in the WHOLE site, not just one page.

[fullerstreetdotcom]

@hippyhater1 ....wow I feel dumb. How do I do that? My attempts have resulted in making a library item that when I try to insert it into a page results in a link to the file and not the navigation bar. I even tried to generate a NEW spry navigation, but if I try to do it as a library item it does not let me. I really appreciate your help here. I've hit a brick wall.

[neolightening]

Perfect.

Thnx

[MacDesigner14]

Does This Work with CS5 aswell ??

[MacDesigner14]

Amazing Mate, Thanks Alot you have Helped me BRILLIANT !!!!!

[vPurpleTurtle]

True Genius ,thanks alot mate ,you dont know how much you have helped me..

[palongboy]

nice vid!..thnx..i learned a lot in dreamweaver in just watching your videos..=)..your videos are so very useful!..=)..thanks man!..=)

[Maz75]

when an IFRAME totorial?

[danny3man]

i just made a site with a drop down menu in cs4 , the menu it`s working fine localy but when i upload it on a server i see only the list .i checked my paths in index, i updated the spry menu to 1.6.1 and still not working i also deleted the customized one , and made the default menu from adobe uploaded everything and still not working ....just showing the list with the menu items

[Eddiemuentes]

Great, keep the knowledge gates flowing!

[Eddiemuentes]

Great, keep the knowledge gates flowing!

[JonShannow92]

love your tutorials!

[eraprathore]

fantastic work man..i love it

[belfastel]

USE THIS VIDEO and save a ton of time finding out what does what. aggggh!!! Wish used it a few days ago been trying to find adjustments to spry menus for ages.

[TheAmarulis]

Excellent video, very very clear, thank you so much!

[panfilochannel]

Thanks so much for your help and awesome, claearest explanation!!! Really thanks

[sskdallas]

Excellent Videos! ALL OF THEM! U have really helped me and all of us with your remarkable videos..Million thanks to you for your efforts! Can't find words to describe how good you are..

[PerfectByDesign]

Thanks so much tutvid words can't describe how much you've helped everyone without tuts wouldn't be the same

[lastwhitecrow]

Awesome video, 

[sONEseven]

THANK YOU!!! This is the best explanation of this I've found.

[cnick54]

I completed both the CSS and Spry Tutorial, both good but the one thing you left out was how to target the link to open in the div with the flower and text below, if this is even possible, This page does not work like a frameset so what is the trick to getting the links to open on the same page?

Thanks for any help!

[yourthebhoy]

then 8 people really need to learn where the like button is, gr8 stuff man.. cheers

[kins619]

This tutorial was EXCELLENT! I couldn't believe how clear and detailed this tutor was! And he sounds so friendly and optimistic. Hey, whoever you are, I want you to know that you rock!! I've got my dropdown menu goin on well now!

[AllStokis]

Thanks man, its very helpful

[bmatchick]

Great job! Really helpful.

[Doritji]

is there a way to edit the buttons individually?

[blazinsammy]

Great Video man. only 1 question.

I noticed that the borders or spaces in-between each drop-down button/link are transparent. i looked around but could not find how to give it color. which of those CSS rules is in control of that border?

[93manoj]

HAY, NEED A LTITLE HELP, HOW DO YOU HAVE A MENU BAR WITH DIFFERENT SIZED MENUS??

[worshipvertical]

Great tutorial but I have a question. Following your tutorial I notice that you have about a 2-3 pixel gap on the right side. I have the same issue with my site. How do you correct this?

[allarajkiran]

how to customize individual buttons in the menu bar

[MrDjRinzo]

any explainable for why every time i put the spry menu there it completely goes out of the wrapper?

[SamarpanNepal]

You are a good tutor. Nice flowing lecture with covered technical aspect. Awesome.

[hohoyun]

very nice explanation, dreamweaver is so fabulous

[ocdboy1987]

I made the menu, was pretty simple but having one problem, in my sub menus the first button is tiny bit bigger but makes it look weird, its in every one of my sub menus. The rest of the buttons are the correct size and look nice, its just the first one. Anyone know what I am talking about and how to fix it?

[Skyrodude]

Unfortunately, this is with javascript :(

[jacktheman20]

How come when i upload it to the web. the menu looks all funny? PLEASE HELP

[kittehLORDZ]

hey man, how can i make it so i make 2 set of menu and change the setting for EACH of them not all of them

[allarajkiran]

have u come to know how to customize individual buttons in the spry menu bar ?

[ICanSlightlyFly]

Do you or anyone here know how I can, when I rollover, the link colour stays the same when it links to a page?

[katierage]

@ICanSlightlyFly

Did you find out how to do this? I am having the same problem... I can't figure out how to show the active page in the Spry Menu Bar... ??

[ICanSlightlyFly]

@katierage

Nope still trying to work that one out...

[888peanut888]

@ICanSlightlyFly have you figured this out yet. im sitting here about to kill myself (not actually, but im still quite mad haha) because i cant find how to change the active link background anywhere >.<

[SatanicSeizures]

@888peanut888 Oh zupppppan, holiday ict ftww!!!! And yes i found this by chance and are writing this with a surprised look on my face, which i will use this to represent -> :O

[888peanut888]

@SatanicSeizures lolol damn spry haha

[johnedwardthomas]

THANKS!!!!!!!!!!!!!!!!

[50gig]

Way to go. Thanks

[TheCommanderPro]

when i place mine it goes to vertical even tho its set to horizontal..

[LamsasukeMedia]

Can i have those buttons i like them... they would be good for my site, please

[iSaved0ne]

sooo amazing. i watched this video with pauses, 2 times, and it just was an amazing tutorial, ha! like always.

one quick question, i wasnt using this site template you have on the website, but i was designing my own... on the logo part up top, i have 2 lines going from my spry bar to the top of the page, (where you mystic cloth logo is), how do i get rid of them? I think they're borders, but i cant get them out. haha

thanks!

[rougeson]

he is definitely awesome!!!!!!!!!

[justinbower]

Thanks Man!

[TheRaw222]

how do I linie it to the bottom of my div

[darkspade88]

@TheRaw222 try giving the top padding or margin

[sidrotuba]

whay dont show background image in my php page?



[lordedge]

You are awesome. Thank you for this.

[brilliantink]

I think I'm in love. Thanks you!

[impilottoo]

A very good tutorial, recommended to watch

[larksp]

how do u get the text to blink and how do you add the boarder around the boxes with out adding own background

[BlairSantos]

Thanks!!!