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

I am looking for a tutorial (or the code) for a basic css horizontal drop down menu... I'm currently using javascript to do this and have been told css is a much better option. I have found a couple of online tutorials but the user reviews report of issues with IE6 and IE8. Does anyone know a good tutorial that will work across browsers?

&& for future reference, bookmark Stu Nichols site http://www.cssplay.co.uk/menus/ as he pretty much was one of the main pioneers of exploring css to it's full potential (he's even made a pretty nifty css game :)).

  • 2 weeks later...
&& for future reference, bookmark Stu Nichols site http://www.cssplay.co.uk/menus/ as he pretty much was one of the main pioneers of exploring css to it's full potential (he's even made a pretty nifty css game :)).

 

i visit the site specially this link

 

but i am not finding any code,sorry for my stupid question but i like the 3d effect on this simple css button

but i am not finding the code of this css menu on this page....

 

i am again sorry for my stupid question,actually i am very new in web design world

Stu Nicholls states that all the code is viewable from the source, it's all separated nicely in the source of the page (ctrl+u) and you can take it from there.

 

Check the licensing included in the source, most is free to use, but the odd one does have a different license.

  • 2 months later...

If you use dreamweaver cs3/4 then you can simpaly ad a spry widget it is a pre maid dropdown menu working with css and modification are required as per your need but are really easy just follow the css document....

more info: http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSE935C5F2-03DA-47c2-A092-364F2109664Da.html

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.