Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Drop down menu showing incorrectly

Featured Replies

I have just recently tried uploading my site via FTP and for some reason the drop down menu I created in Dreamweaver is not displaying correctly, it is just showing as normal hyperlinks...as you can see in the screenshot.

 

Does anyone know how to fix this?

 

I've noticed I have a folder called Spry Assets in my directory, do I have to upload that with the rest of the site's files?

post-10768-1242219624_thumb.jpg

It's a css issue, because that is the correct html structure for a multi level nav.

 

Have a look in the page that contains the menu, what css files are linked? It's probably one of them you've not uploaded.

  • Author

Thanks, I have uploaded the file and it has appeared correctly now.

 

Problem is...I cant click on the menu bar, the cursor changes to a hand but when I click nothing happens, just # is added to the end of the address in the address bar.

 

I havent added all of my pages to the server yet, could this be why it isn't working?

  • Author

Ok I clicked on 'Check Page' in dreamweaver and it came up with 3 errors...

 

I have attached a screenshot of the message and it also highlighted part of the coding, im assuming this is where one of the problems are.

 

Im a begginner with dreamweaver and web design in genera l so I have no idea what the problem is.

 

Would really appreciate it if someone could help as I have to finish this by tommorow!

post-10768-1242227601_thumb.jpg

the hash is appearing because that's what you've set the url to (could be default?)

 

I don't use dreamweaver, but you should have this somewhere

 

<a href="#"> My link</a>

 

you need to point the href="" to a location, so something like

 

<a href="mypage.html">My link</a>

 

I have no idea what dreamweaver means by 'errors' but my best guess is that it's not validating, can you post a link to the css file or paste it's contents in here?

  • Author

Ahh ok yes it was a stupid thing I missed out, i've just seen it.

 

Thanks alot, all working now :)

 

Just out of interest, what program do you use instead of Dreamweaver?

I use notepad++, although actively searching for something better, yet to find it though

 

I do have dw cs4 on my pc, but it's just to overwhelming for me. One day, i will get round to understanding it, but for now, it's too bloated with features i'll never use.

  • Author

Guys I dont want to create a new thread for this, so will ask in here...

 

www.cambridgeimages.com

 

Look at the drop down menu at the top, I want to edit the titles going across so that they are spaced out evenly. Because at the moment you can see especially with 'Photography' that it is placed slightly to the right.

 

I know I have to edit something within the CSS of the Spry Menu, but ive been messing around with the settings so much that im not sure what to edit now!

 

Thanks :)

Find

 

ul.MenuBarHorizontal li{}

 

in your css, and remove the

 

width:8em;

 

then find

 

margin:0;

 

and replace that with

 

margin: 0 4em 0 0;

 

That should sort it :)

Sorry, didn't realise there was a drop down, mybad.

 

You'll need to add in this line of css as well to overwrite the inheritance.

 

ul.MenuBarHorizontal li ul li{margin-left:0}

  • Author

Are you talking about adding these changes within the code or using the CSS menu?

 

I will have a go and let you know if it works, its just that im not experienced with the code side of things at all, so im not sure where exactly to put these changes.

 

And I dont have a 'ul.MenuBarHorizontal li ul li'...

Replace the stuff in your css

 

 

 

And I dont have a 'ul.MenuBarHorizontal li ul li'...

 

yeah i know, i couldn't find it in your code, you'll just have to add it into the css, make sure it appears below ul.MenuBarHorizontal li and it should be fine :)

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.