Creating a drop-down menu using ONLY images

I have seen this asked before - but not really answered as far as I can see.
I have a set of images (NOT icons) that I want to use as navigation - Its for a nursery website so all the buttons are irregualr and individual.
Is there a way / extension / application to write a css menu to do this BUT instead of creating the buttons in css - using a designated image file for each button with a corresponding mouseover image file instead? It does not seem like rocket science to do that - but that just probably shows my lack of understanding!
Or Is CSS not the way to do this - should I be looking at a spry menu?
Any advice gratefully recieved! Thank you.
Image below shows the mouseover states.
Actually looking at it again...
I could get away with specfying the non mouseover colur - varies, spacifying the mouseover colur for the main nav - white - as long as I could specify a mouseover background image. I could get away with green text and a css sub nav.
Is there an extesion where I can specify a background image in the mouseover state?

cdeatherage wrote:
I just realized--and Murray correct me where I stray--I may have intimated what you want to do is not very complicated. It will be a bit involved, actually. You are probably going to have to set up an id for each menu item so that you can apply the applicable image to the link state for each button. That is to say, your images for Menu Item 1 are going to be different than for Menu Item 2, so you are going to have to code individual link states for each button rather than rely on a global state. I think you can still do what you have designed, but you will likely have much frustration getting there if you are not comfortable writing code. Perhaps what might be easier for you is to use text in the html code for each menu item and then globally apply one background image for the a: state, another for the hover state, etc.
Hope I'm making sense.
Chris
Yes that does make sense - and is exactly the thought I was coming round to.

Similar Messages

Is it possible to create a drop down menu using form fields rather than text?

Is it possible to create a drop down menu using form fields rather than text?

Yes, correct - values of form fields. If one is blank, then the field would be blank - yes? If two or more have the same value that is fine.
A standard dropdown ... As shown here. If there is an easier way to do this, I'd love to hear your suggestions. Thank you!

PLEASE HELP!! Drop Down Menu Using Photoshop Images

I have hit a brick wall in trying to work this out, and it is
killing my productivity, I just need to get through this hurdle on
this site, and I can finish it.
Quick rundown on where I'm at:
I created the website to look how I wanted in Photoshop.
After I've gotten it looking how I want, I bring it into fireworks
and slice it up (I'm sure this step can be skipped, but thats how
I'm used to it), and then I export it into Dreamweaver.
All of that is working fine, except for this drop down menu.
All I'm wanting to happen is when they roll their mouse over "firm
profile" for example, for there then to be a drop down menu that
drops below it (no animation necessary) that has 2 additional
options they can select.
I have created what the page would look like after the drop
down menu would come up (in photoshop). I've tried doing swap
images and menu bars and some scripts from the net etc etc but
nothing works. It either tries to load the drop down menu WITHIN
the slice where it says "firm profile" instead of below it, or just
messes up completely.
In fireworks, I'm able to setup a swap image where when you
put your mouse over "firm profile" it asks which slice you want the
new swap image to come up in, which would work fine EXCEPT that
when you go to select one of the bottom submenu options, the
rollover disapears. If you do it where the whole slice is switched,
then that submenu appears when you rollover where it would be, even
if you haven't first rolled over "firm profile"
So to summerize: All I want is to be able to tell it when you
put your mouse over "FIRM PROFILE" that underneath it , a drop down
menu image that I have already created pops up, and you are able to
1) select the sub menu items (urls). I feel that this should not be
anywhere near this hard.
Please help.

cdeatherage wrote:
I just realized--and Murray correct me where I stray--I may have intimated what you want to do is not very complicated. It will be a bit involved, actually. You are probably going to have to set up an id for each menu item so that you can apply the applicable image to the link state for each button. That is to say, your images for Menu Item 1 are going to be different than for Menu Item 2, so you are going to have to code individual link states for each button rather than rely on a global state. I think you can still do what you have designed, but you will likely have much frustration getting there if you are not comfortable writing code. Perhaps what might be easier for you is to use text in the html code for each menu item and then globally apply one background image for the a: state, another for the hover state, etc.
Hope I'm making sense.
Chris
Yes that does make sense - and is exactly the thought I was coming round to.

How do I create a drop down menu with Code Snippets and Flash CS5?

Hi
I am wondering how to create a drop down menu using the Code Snippets and CS5?
There are some older tutorials out there and it would be nice if someone could create an updated drop down menu tutorial, and it might be me doing this after I have figured out the best and easiest way to create one, but before that I need some pointers.
Thanks!
Have a great day!
Paal Joachim

You can use panel widget to create manual menu where set to show target on rollover.
Something like this :
http://muse.adobe.com/exchange-library/menu-vertical-accordion-widget-1
http://muse.adobe.com/exchange-library/tiptop-navigation-menu
Thanks,
Sanjit

Drop Down Menu Using CSS Only

Apex 3.2
I have created a drop down menu for my application by following this blog
http://www.grassroots-oracle.com/2013/05/css-pull-down-menu-using-apex-list.html
It works perfectly if my list has only one level, but I can't get it working for sub items.
If I add a sub item to my list, then the whole menu displays incorrectly.
Has anybody used this blog before
I would post on the blog, but it requires a google acount, which I am not allowed to create
Gus

Hi Gus,
Have you read the comment from ino?
Thanks Scott, very useful.
One update: this works if there are no sub menus. For the same reason as you described about the <ul> bug, you can change the Sublist with sublist items to
<li><a href="#LINK#" class="dir">#TEXT#</a><ul>
(extra <ul> at the end). Took me a while to figure out why my sub menus were not showing properly, until I read your comment in the "Sublist template before rows" section.
It looks to me that this would solve your problem.
Regards,
Kees Vlek
Company: http://www.orcado.nl
Blog: http://www.orcado.nl/blog/blogger/listings/69-kvlek
Twitter: http://www.twitter.com/skier66
+If the question is answered please change it to answered and mark the appropriate post as correct/helpfull.+

Created a new folder in bookmarks; when try to add new bookmark, new folder does not appear in drop down menu; using safari for windows

created a new folder in bookmarks; when try to add new bookmark, new folder does not appear in drop down menu; using safari for windows

You are using an older version of firefox, upgrade your browser to Firefox 8 and try
* getfirefox.com

Is there a way to create a drop down menu with an automatic answer dependent on what is chosen?

Is there a way to create a drop down menu with an automatic answer dependent on what is chosen? An if-then statement perhaps? I am looking to add over 100 drop down options and would like to have a message automatically pop up depending one which option they chose. Thank you.

Hi,
You would use the skip logic to conditionally show form items based on the selection within the drop-down menu. Here's a link to a description of the feature in our help documentation:
http://help.adobe.com/en_US/formscentral/using/WSd789abd336388b1642c7fce012da94afe4f-8000. html#WS0faeceb8c23f5d60-774f03e3131ddc76d7d-8000
Regards,
Brian

Trying to create a drop down menu in numbers...please help

Hi
Can anyone indicate how to go about creating a drop-down menu.
Thanks in advance

Hi Meela,
Welcome to Apple Discussions and the Numbers 08 forum.
Check page 66 of the Numbers User Guide supplied with your copy of iWork. The guide refers to them as "pop-up" menus, so a search using "pop-up" will be more successful than one using "drop down".
Essentially the process is:
Click on the cell to select it.
Open the Inspector and choose Cell Format (icon is a cell containing 42)
Click the Cell Format menu and select Pop-up Menu from the bottom of the list.
Double click an item in the list to edit it. Click the + button to add an item, the - button to delete the selected item.
Done.
Regards,
Barry

How do I create a drop down menu with multiple items in Adobe Acrobat 9?

I am trying to create a drop down menu with four items within a field box. When I try to do this
the font is too big and it just doesn't fit.

You can use panel widget to create manual menu where set to show target on rollover.
Something like this :
http://muse.adobe.com/exchange-library/menu-vertical-accordion-widget-1
http://muse.adobe.com/exchange-library/tiptop-navigation-menu
Thanks,
Sanjit

How do i create a drop-down menu in SharePoint that redirects to a new page?..

Helly everyone, i have a question and really hope someone can help me out here:)
In SharePoint i want to create a drop-down menu that has the possibelty to redirect to other websites.
I fount the code below and it works but just not in SharePoint:(
It only shows the drop-down list but it doesn't redirect you to another website if you click on a site.
Can someone please help me out because it's really getting frustrating.
<form method="post" action="" name="">
<select name="select15" onChange="window.open(this.options[this.selectedIndex].value,'_parent')">
<option selected>Please Select Site to Visit</option>
<option>---------------------------------------------------</option>
<option value="http://leedssocialclubs.co.uk">Leeds Social Clubs </option>
<option value="http://yahoo.co.uk">Yahoo </option>
<option value="http://msn.com">MSN </option>
<option value="http://Moonfruit.com">Moonfruit </option>
<option value="http://burystaffhire.moonfruit.com/#/home/4548482603">Bury Staff Hire</option>
</select>
</form>

<form>
<select name="URL" onchange="window.location.href=this.form.URL.options[this.form.URL.selectedIndex].value">
<option value="">Choose a site</option>
<option value="http://webdesign.about.com/">Web Design Front Page</option>
<option value="http://webdesign.about.com/library/beginning/bl_begin.htm">
Beginning HTML</option>
<option value="http://webdesign.about.com/od/javascript/">JavaScript Help</option>
</select>
</form>
Demo url
http://webdesign.about.com/od/examples/l/blfaqddredirect.htm
script url
http://webdesign.about.com/od/javascript/a/aa050701a.htm
For me it is working fine

How can i create a drop down menu for set qty in my store?

I'm wondering how i can create a drop down menu for the qty module that sits on the individual product page. My client sells in quantities of 6 packs. I currently have the minimum order at 6 but i would like to give consumers the option for 6,12,18...and so forth. I was told that it could be accomplished? Hopefully someone can help me.

Hi Chris -
Thank you for your reply! I had seen your article before, and just now again attempted to follow it, but I get stuck. There are two things that I'm confused by.
First off, toward the top, referring to the initial button, you say to add this interaction:
ON CLICK; Play Transition to comboBox: selected
ON ROLL OUT; Play Transition to comboBox normal if comboBox is in over state
ON ROLL OVER; Play Transition to comboBox over if comboBox is in normal
However, I do not see these transition options. When I select the button, the only interactions I have are to Play transistion to state, Play action sequence, Go to URL, and two for videos. So that's the first roadblock for me.
But, trying to get passed that, I went down to the portion of the article that refers to adding interaction to the dataset items. Again, I don't get it, as I see no way to add interaction to a dataset item. When I open my design-time data menu, I do see the items, and am able to rename each item, add additional rows, and change the shape of the datalist layout. However, I see no way to add an interaction to a dataset item. I must be missing a step ... Can you help with this?
Again, thank you!
Amy

How do i create a drop down menu for selecting from the drop down arrow

how can i create a drop down menu so that when i click on the arrow in the cell i can select from the menu that appears

katiesandell wrote:
how can i create a drop down menu so that when i click on the arrow in the cell i can select from the menu that appears
Hi Katie,
Welcome to Apple Discussions and the Numbers '09 forum.
Numbers vocabulary for this feature is a "Pop-up Menu". It's available as a Cell Format, and is set and edited in the Cell Format Inspector.
See "Using a Checkbox, Slider, Stepper, or Pop-Up Menu in Table Cells" starting on page 96 of the Numbers '09 User Guide.
This guide, and the equally useful iWork Formulas and Functions User Guide are available for download through the Help menu in Numbers.
Regards,
Barry

What is the best way to create a drop down Menu

It is my frist time using Dreamwaever CC and i was wondering if there was a jQuery UI widget that could make, creating a drop down menu easir.

*Best* is subjective and depends on what you require.
For multi-level CSS drop-menus, this one is nice:
DEMO:
http://www.red-team-design.com/wp-content/uploads/2011/11/css3-animated-dropdown-menu-demo .html
TUTORIAL:
http://www.red-team-design.com/css3-animated-dropdown-menu
RESPONSIVE:
Project Seven Responsive Tabs (commercial DW Extension)
http://www.projectseven.com/products/tools/tpm2/tutorials/responsive/index.htm
Pop-Menu Magic3 by PVII (NEW commercial DW extension)
http://www.projectseven.com/products/menusystems/pmm3/index.htm
MEGA MENUS:
http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/examples/
Nancy O.

Creating a drop down menu

I need to create a drop down menu in dreamweaver using my own button, I do not seem to be able to to this using spry. I have tried fireworks but the buttons do not work properly. Can any one help

Have a look here http://foundationphp.com/tutorials/sprymenu/customize1.php
Gramps

Creating a Drop Down Menu Attached to Existing Rovvover Menu Buttons

I am working on a website, and I was wondering if one can create a drop down menu for existing buttons. I looked over directions for adding drop down menus for iWeb (http://iwebfaq.org/site/iWebTeardown.html) but wondered how difficult it would be to connect them to the rollover buttons that I am already using in my menu bar.
Here is my draft site: http://web.me.com/toesproductions/AFW/Home.html
Thank you for any advice or help you maybe able to provide.

In iWeb you use the HTML Snippet to paste the code for the dropdownmenu.
You have to find the code first.
[Using the iWeb HTML Snippet|http://www.wyodor.net/blog/archives/2009/07/entry_213.html]
You can also add the code directly with a JavaScript :
http://www.wyodor.net/_Demo/tmf/Duckmenu.html
http://www.wyodor.net/_Demo/tmf/TMF.html
This is the JavaScript :
http://www.wyodor.net/_Demo/duckmenu/tmf.js
It searches for a textbox with the word DIVmenu in it and replaces it with the code.
You may have to learn HTML/CSS/JavaScript and how iWeb creates its webpages.

Creating a drop-down menu using ONLY images

Similar Messages

Maybe you are looking for