View Full Version : Spry Menu Bar doesn't appear in Live View

11-07-2011, 10:21 AM
I'm new to Dreamweaver and I'm trying to insert a Spry Menu Bar in my website. The problem is it appears in the Design View, but when I go to Live View, it suddenly disappers. Can someone help me?

11-07-2011, 07:40 PM
How bout preview in browser? Is it missing there too?

11-08-2011, 03:04 AM
You're going to need to post the page somewhere so we can look at it.

11-11-2011, 01:02 PM
I followed the Adobe's tutorial, so I'm uploading the file I created (all but the images). The Spry Menu Bar disappeas in the browers too. I hope you can help me in this way.
Oh, when I click on the blue target of the Bar, it gives me an error.

11-11-2011, 03:10 PM
Without having your images it's difficult to know precisely your problem. The bar does not disappear, it's simply colored the same as the background, which right now is white in the absence of images perhaps, or is it supposed to be?
Heres a thought though... These Creative Suite tutorials have the accompanying CD which has both practice and complete source files for you to examine when you run into problems. You need only look at the differences in the code.

11-11-2011, 04:17 PM
actually I meant to post the page online and give us a url.

11-11-2011, 07:34 PM
I followed the tutorial to set up the site, it didn't cover the Spry Menu Bar: I read about it on a guide-book. However, here is the entire folder I have on my computer, with the images too.


Dwcourse, this is the link (although I can't understand how would it help you):


11-11-2011, 07:52 PM
although I can't understand how would it help you):

It helps because it allows me to see the problem in a live environment and to explore your CSS using the FireBug plugin for Firefox. With a link you would have hand the answer 4 days ago.

All the list items <li> in a Spry menu are floated left, which means they do not affect the position of other elements on the page, specifically the image right below the menu. So the image appears over the menu.

The solution is to add a clearing element after the menu. In your code add this:

<div style="clear:both"></div>

After the closing </ul> of the menu and before the closing div tag </div) of the banner div.

11-12-2011, 02:04 PM
Thanks DWcourse, I solved the problem.