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.

CSS Drop Down Menu

Featured Replies

Hello

 

I have tried following a Tutorial from WebMonkey on how to create a CSS Drop Down Menu for my website, but It isn't working for me.

 

On my Site It is all going crazy ! I want a drop down menu when a person hovers over [ Personal Development ]. please help. :sorry:

  • 2 weeks later...

Suckerfish jQuery plugin, it's easy to use and works in IE6 too, you will need to include the suckerfish plugin files and a link to jQuery, I generally use Google's cache so most users will already have it in memory:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

also this might be your problem;

 

#nav li:hover ul, li.over ul { display: block; }

 

should it be #nav li:hover ul, li.hover ul?

you could always use the simople root of creating your navigation as a web saved jpeg, drop it into fireworks, chop it up into the different links then right click on a link and select ADD DROP MENU and you can create a simple drop down menu without any code?

hope this helps

Try the Stu Nicholls website for css menus. Can't remember url but it comes up if you put his name and css into google.

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.