Results 1 to 4 of 4

Thread: How to add CSS dropdown menu over an image

  1. #1
    Join Date
    Oct 2005
    Location
    Palm Springs, CA.
    Posts
    21
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default How to add CSS dropdown menu over an image

    Hello! I am getting rid of .swf animation on my personal website (www.rockinrick.us about time). The menus are included in the animations. I've Googled how to add a CSS dropdown menu over an image, but can't seem to find the answer. I've included a screenshot of the menu effect I'm looking to recreate using an image and CSS. Any help is appreciated!

    Many thanks,
    Rick
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	css menu example.jpg 
Views:	44 
Size:	69.6 KB 
ID:	6159  
    Last edited by rockinrick; 03-19-2017 at 09:22 PM.

  2. #2
    Join Date
    Jan 2009
    Location
    NH
    Posts
    631
    Thanks
    96
    Thanked 24 Times in 24 Posts

    Default

    Your website code is pretty outdated. I would totally ditch that menu using tables and use a responsive pure css menu.
    this place has a cool one http://www.dynamicdrive.com/dynamici...headermenu.htm
    lately I've been using Bootstrap because I love how the menu works

  3. #3
    Join Date
    Oct 2005
    Location
    Palm Springs, CA.
    Posts
    21
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the reply mleeg,
    yeah I know it needs code updating and general cleanup. I've let it go for awhile, but would like to keep the general layout and want the menu over the image as it is now. I'll keep looking for an answer.

    Many thanks,
    Rick

  4. #4
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,094
    Thanks
    1
    Thanked 205 Times in 201 Posts

    Default

    Hi there rockinrick,

    you can find a fully working responsive example here..


    coothead
    Last edited by coothead; 03-22-2017 at 11:14 AM.
    ~ the original bald headed old fart ~

Similar Threads

  1. Dropdown Menu on Image
    By Javaman in forum JavaScript
    Replies: 7
    Last Post: 07-09-2012, 03:36 PM
  2. Replies: 0
    Last Post: 02-02-2011, 10:27 PM
  3. OO Dom Image Rollover: Dropdown Menu
    By patmatt in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 02-01-2011, 08:37 AM
  4. MouseOver Image DropDown Menu ><! Where?
    By da_chikn in forum JavaScript
    Replies: 0
    Last Post: 05-25-2010, 09:59 AM
  5. tyring to get Anylink dropdown menu to work with image links
    By silverglade in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 01-30-2009, 09:35 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •