Drop down searchable menu with autocomplete

Sorry, I'm new.
Is it possible to create a drop down searchable menu with auto text complete in flash?
For a web application I have a set of 300+ terms that I would like to be able to search with a drop down menu which autocompletes partially written text. After the wanted term is selected this will then link with a button in a movie clip.
Thanks,
Furna

Similar Messages

I have version 3.6.16 and when I login to my hotmail account, and type the first letter of the email address, a drop down box appears with my hotmail address and I can choose it from that box with a click. How do I get version 4 to do this? Thanks.

I have version 3.6.16 and when I login to my hotmail account, and type the first letter of the email address, a drop down box appears with my hotmail address and I can choose it from that box with a click.
How do I get version 4 to do this?
Thanks.

The new but not-ready-for-prime-time autocomplete method searches for matches that contain the entered text, not just ones that begin with the string. Your options are:
1) type in longer strings that narrow the search
2) use an add-on to search just the beginnings:
https://support.mozilla.org/en-US/questions/1037469
3) install an older version of TB:
http://ftp.mozilla.org/pub/mozilla.org/thunderbird/releases/

How do I pass a username form variable from a drop down list/menu to another page?

Hi,
I have a login_success.php page that has a drop down list/menu (which lists usernames). I want the user to click on their user name, and when they click the submit button the username information to be passed over to the username.php page which will contain a recordset, sorted by username.
How do I pass the username info from the drop down list/menu to the username.php page?
The drop down menu is connected to a recordset listUsername, I have filtered the recordset with the Form Variable = username, and I have used the POST method to send the username to the page username.php. I'm not sure how to structure the php or which page to place it on.
<form id="form1" name="form1 method="post" action="username.php">
     <label for="username_id">choose username:</label>
     <select name="username_id" id-"username_id">
          <option value="1">username1</option>
          <option value="2">username2</option>
          <option value="3">username3</option>
          <option value="4">username4</option>
     </select>
     <input type="submit" name="send" id="send" value="Submit" />
     <input type="username" type="hidden" id="username" value="<?php echo $row_listUsername['username']; ?>" />
</form>
Could somebody help me please?
Thanks.

I would not post the variable over, In this case I personally would send it through the URL and use the $_GET method to retreve it. For Example.
<html>
     <head>
          <title>Test Page</title>
          <script type="text/javascript">
               function userID(){
                    //var ID = form1.userIDs.selectedIndex;
                    var user = form1.userIDs.options[form1.userIDs.selectedIndex].value;
                    window.location = "test.html?userID=" + user;
          </script>
     </head>
     <body>
          <form id="form1">
               <select name="userIDs" id="userIDs" onchange="userID();">
                    <option>Select a User</option>
                    <option value="1">User 1</option>
                    <option value="2">User 2</option>
                    <option value="3">User 3</option>
                    <option value="4">User 4</option>
               </select>
          </form>
     </body>
</html>
//PAGE TO RETRIEVE THE USERNAME
<?php
if(isset($_GET['userID'])
     $userID = $_GET['userID'];
     echo $userID;
     die;

I can't print my statements from banking websites - the option to print (drop down file menu) from the website is greyed out

I do my banking online, and have previously been able to print my statements off the website. Since the last update, although the page shows in the browser as normal, the option to print from the drop-down file menu is greyed out and I cannot print anything, even if I try and select a portion. It is not a problem with the website as I can print without a problem in another browser program. This problem has now persisted for quite a while with no resolution over time. How do I get Firefox to allow print from a secure website (I assume that is the problem?) It occurs with more than one secure site (two different banks)

I have the same problem... not being able to print website 'Print' pages. I have read carefully the above link and have followed the reset directions in about:config, but I still cannot print in Firefox. Both Google Chrome and IE work perfectly every time. I have verified that the correct printer is selected and that the margins are in order (0.5 all around happen to be what mine are set for). I have resorted to use the Firefox Add On "View this Page in IE" whenever I need to print something. Works like a charm, but come on... it should work in Firefox too! I know there is some setting or something, but the Problems_printing_web_pages link had nothing there that worked for me.

HT2905 i am trying to delete duplcates" from my i-tunes....sounds easy...except I dont have a "show duplicates" in my drop down "view menu" !! help please

Anyone help?? I am trying to remove duplicates from my Itunes library....looks easy, except I dont have a "show duplicates" tab in the drop down "view " menu !!
So, what can I do? thanks

Dear iTunes,
YOU SUCK.
Seriously.
I have used Apple products for quite some time. I have no idea why they keep changing everything that has finally become second nature! It is now MUCH more difficult - create a playlist, show duplicates, etc. Its an absolute mess and I have yet to find anyone who does not have multiple complaints.
I have this same problem. All information I look up says use "Show duplicates", which I have done many times for years before. But now when my iPad is plugged in, that option is grayed out for me (unable to be clicked on). I went to the Apple store today and the employee couldn't even answer my questions. I am planning to go back sometime with my computer as well and beg for a solid explanation.
Wouldn't it be nice if these tracks just didn't duplicate? That seems like a proper solution that would suit me well. Until then I just plug in, arrange by song, and go through manually deleting the extras. Often. #wasteoftime #annoying #argh
Good luck.

Drop down selection menu stopped working on Firefox 16

Hi there,
I have a drop down selection menu (<select></select>) on my website that triggers an ajax function to display a specific table using jquery's datatable. Prior to firefox 16, the selection menu worked fine. I clicked on the menu, and the options showed up. However, ever since I upgraded to firefox16, the selection menu doesn't work as expected anymore :S
Here's the thing, first time I clicked on an option, selection menu expanded, and I can click on any option to trigger the table change function. Everything is working fine till that point.
It's when I clicked on the selection menu the second time, the selection menu stopped working. It didn't even expand and show any options. I checked with firebug (No js error). I tried safemode/hardware acceleration option I read from another thread, it doesn't work either.
I checked with the firebug console log and I noticed the click event was being triggered whenever I clicked on it, but my selection menu somehow just won't expand (The options are in the html). I checked with all the other browsers as well, and everything seems to be fine (Even the previous version of FF).
Strangely enough, when I click on any other elements on the website and then go back to clicking that selection menu, the selection menu seems to have reset to my 1st step's state. (It stopped expanding as soon as I chose an option though and I will have to click on another element again.)
Chuck

See also [[/questions/935870]]

Illustrator crashing every time I open drop down FONT menu

Every time I open my drop down font menu in illustrator it crashes immediately. It is doing this without fail every single time. As long as I don't go into Fonts, it does not crash. But I need to change my font!!!

Apetherbrigde,
It sounds like a corrupt font or corrupt font caches, see items 1) and 11) under 5) in the list.
The following is a general list of things you may try when the issue is not in a specific file (you may have tried/done some of them already); 1) and 2) are the easy ones for temporary strangenesses, and 3) and 4) are specifically aimed at possibly corrupt preferences); 5) is a list in itself, and 6) is the last resort.
1) Close down Illy and open again;
2) Restart the computer (you may do that up to 3 times);
3) Close down Illy and press Ctrl+Alt+Shift/Cmd+Option+Shift during startup (easy but irreversible);
4) Move the folder (follow the link with that name) with Illy closed (more tedious but also more thorough and reversible);
5) Look through and try out the relevant among the Other options (follow the link with that name, Item 7) is a list of usual suspects among other applications that may disturb and confuse Illy, Item 15) applies to CC, CS6, and maybe CS5);
Even more seriously, you may:
6) Uninstall, run the Cleaner Tool (if you have CS3/CS4/CS5/CS6/CC), and reinstall.
http://www.adobe.com/support/contact/cscleanertool.html

When I choose a photo to share on face book a drop down box appears with the message, Face book didn't recognise the information you entered for the account this is my Face book login information I use to access my face book page how can I overcome the b

when I choose a photo to share on face book a drop down box appears with the message, Face book didn't recognise the information you entered for the account this is my Face book login information I use to access my face book page how can I overcome this.

Delete abd re-enter your Facebook account information jnder the accounts tab in the iPhoto preferences
You may also want to take a look at the user tip for Facebook problems
LN

I can no longer get firefox to print a web page. I am using the print command in the drop down 'file' menu

Can no longer print a web page. I use the drop down "fie" menu and the "print" command
the HP4180 series appears to recognize the command but delivers only a blank page

See if the solutions given in this artcile help: [http://kb.mozillazine.org/Problems_printing_web_pages Problems printing web pages]. <BR>Pay special attention to sections '''Prints to a small portion of the page''' and '''Does not print entire page content'''.

Move a table to right or left when in the drop down tab menu

How do you move a table to right or left when you have many tabs and the tabl you want to move is in the drop down tab menu at the right....?

This forum is a joke.

How to modify the list item drop down context menu in SharePoint 2010

Hi All,
I have a requirement to add my name in the list item drop down context menu, already "Assigned ticket" option is available in the context menu and some names are available in the assigned ticket option. but i can't able to add my name in this options.
Attached screenshot for reference. Thanks in advance for your assistance!
Thanks
Arun Prakash

Do you know how the currently listed values got there in the first place? Some sort of custom code or action? Some background information would help. There is obviously a source feeding it from somewhere, but it's impossible for us to tell you exactly
what just by looking at your scribbled-over screenshot
Check WSPs that are deployed to the farm. Check for any non-OOTB site features that are turned on...

How to edit drop-down contacts menu in apple mail?

I would appreciate if someone could tell me where I can edit the drop-down contacts menu in apple mail? I'm talking about which email address suggestions appear when you start to type a name of a contact. I've done it in the past but have unfortunately forgotten where to access this list.

If you are asking about addresses that are not in your Address Book, they are listed in Windows > Previous Recipients.
Allan

How do I fix my floating drop down navigational menu?

Hello, I am currently reworking my website to make it responsive, but I have hit a roadblock with my navigation menu:
My goal for the menu is to have a floating navigational menu in which as the user hovers over the link the image changes. One of the tabs is intended to be a submenu that drops down horizontally. I also am trying to get the menu centered on the page using fluid positioning.
As of now, I have a functional drop down menu with the rollover effects. It wasn't until I began work on floating the menu that I ran into a problem. At first, the menu was not scaling proportioally with the rest of the page, but upon looking around, I found: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browse r-support.
Using the code on the link, I recoding the menu. In the end, the drop down menu is causing the problem. When I have the drop down menu still included in the code, the menu is broken up in three lines. The submenu is grouped with its parent, but they are grouped boxy (at least in the browsers I have checked) and only two are visible.
I decided to humor myself and removed the code for the drop down menu to find that the menu works perfectly--it does everything I was aiming for for the time being--rollover, center, floating.
Is there something that I am overlooking that will fix the drop down menu?
I was thinking that I would have to center the styles for the sub menu, but I didn't see any results.
What am I missing that I am not seeing?
The links to the two pages:
http://ryanolsenstudios.com/WithDropDown.html
http://ryanolsenstudios.com/WithoutDropDown.html
If anyone can point me in the right direction it would be appreciated, I have been looking around trying to figure this out, but to no avail. Thank you.

I don't advise you use images for navigation as they are NOT scalable to any good effect.
Below is a simplified version of your image buttons with dropdowns in place.
The jQuery used to create the rollover swaps is going to get very long and unmanagable (it's just as an example) I suspect there will be more streamlined solutions using jQuery if you Google, like just adding _static.jpg and_over.jpg to the end of the image src, which will keep the code to a minimum of lines.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"><title>Ryan Olsen's Studio</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
$("#home img").hover(function() {
$(this).attr("src","http://ryanolsenstudios.com/images/hometabroll.jpg");
}, function() {
    $(this).attr("src","http://ryanolsenstudios.com/images/home.jpg");
$("#about img").hover(function() {
$(this).attr("src","http://ryanolsenstudios.com/images/bioroll.jpg");
}, function() {
    $(this).attr("src","http://ryanolsenstudios.com/images/bio.jpg");
$("#shows img").hover(function() {
$(this).attr("src","http://ryanolsenstudios.com/images/showsroll.jpg");
}, function() {
    $(this).attr("src","http://ryanolsenstudios.com/images/shows.jpg");
</script>
<style>
body {
    background-color: #000;
.myMenu {
margin:0;
padding:0;
display: block;
text-align: center;
.myMenu li {
margin: 0;
padding: 0;
list-style:none;
display: inline-block;
position: relative;
.myMenu ul {
position: absolute;
display: none;
margin: 0;
padding: 0;
left: 0;
top: 5em;
z-index: 100;
.myMenu li:hover ul {
display: block;
</style>
</head>
<body>

<ul class="myMenu">
<li><a href="#" id="home"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a>
<ul>
<li><a href="#"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a></li>
<li><a href="#"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a></li>
</ul>
</li>
<li><a href="#" id="about"><img src="http://ryanolsenstudios.com/images/bio.jpg" alt="AboutMeTab" /></a>
<ul>
<li><a href="#"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a></li>
<li><a href="#"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a></li>
</ul>
</li>
<li><a href="#" id="shows"><img src="http://ryanolsenstudios.com/images/shows.jpg" alt="ShowsTab" /></a>
<ul>
<li><a href="#"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a></li>
<li><a href="#"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a></li>
</ul>
</li>
</ul>
</body>
</html>

Why is my drop down spry menu not working any more please?

Hi all.
I created this template and tested it in Firefox not so long ago and the drop down menu was fully operational. Today, however, is a different story. I am pasting the codes below for some please as to where it has gone wrong and thanks for any assistance:
Here is the site map:
Here is the code pasted from Dreamweaver CS4:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>STUDENTS HUB HOME PAGE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="file:///m33r4/Documents/templates/Templates/mm_spa.css" type="text/css" />
<meta name="keywords" content="Studentshub, STUDENTSHUB, Students Hub, students hub, student accommodation, student houseshare, student work, student volunteer, student rent,derbyshire, nottinghashire, leicestershire, estate agents, nhs direct, GUM, GUM clinic, students, derbyshire, nottinghamshire, leicestershire, study, universities, colleges, part time, full time, derby work, nottinghamshire work, derbyshire work, leicester work, leicestershire work, book exchange, used books, studying in derbyshire, studying in nottinghamshire, studying in leicestership, student loans, student travel, work abroad, meera lynn, meera shahisa, krishna, yoga, language classes, charities, hall hire, weddings, hanuman, geeta bhawan, geeta, bhawan, meera shah, meera, shah" />
<meta name="description" content="Welcome to the Students Hub, UK" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p><img src="logobanner5.jpg" width="853" height="150" /></p>
<p><br />
</p>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">HOME</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">STUDY</a>
    <ul>
      <li><a href="#" class="MenuBarItemSubmenu">UNIVERSITIES</a>
        <ul>
          <li><a href="#">DERBYSHIRE</a></li>
          <li><a href="#">NOTTINGHAMSHIRE</a></li>
          <li><a href="#">LEICESTERSHIRE</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">COLLEGES</a>
        <ul>
          <li><a href="#">DERBYSHIRE</a></li>
          <li><a href="#">NOTTINGHAMSHIRE</a></li>
          <li><a href="#">LEICESTERSHIRE</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">FULL TIME</a>
        <ul>
          <li><a href="#">DERBYSHIRE</a></li>
          <li><a href="#">NOTTINGHAMSHIRE</a></li>
          <li><a href="#">LEICESTERSHIRE</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">PART TIME</a>
        <ul>
          <li><a href="#">DERBYSHIRE</a></li>
          <li><a href="#">NOTTINGHAMSHIRE</a></li>
          <li><a href="#">LEICESTERSHIRE</a></li>
        </ul>
      </li>
    </ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">LIVE</a>
    <ul>
      <li><a href="#">CAMPUS</a>      </li>
      <li><a href="#">HOUSE SHARE</a></li>
      <li><a href="#">RENT</a></li>
      <li><a href="#">BUY</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">WORK</a>
    <ul>
      <li><a href="#">EMPLOYMENT AGENCIES</a></li>
      <li><a href="#">PART TIME</a></li>
      <li><a href="#">VOLUNTEERING</a></li>
      <li><a href="#">WORK ABROAD</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">TRAVEL</a>
    <ul>
<li><a href="#">BUS</a></li>
      <li><a href="#">TRAIN</a></li>
      <li><a href="#">COACH</a></li>
      <li><a href="#">FLIGHTS</a></li>
      <li><a href="#">CYCLE</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">FUN</a>
    <ul>
      <li><a href="#" class="MenuBarItemSubmenu">NIGHTS OUT</a>
        <ul>
          <li><a href="#">PUBS</a></li>
          <li><a href="#">CLUBS</a></li>
          <li><a href="#">SHOWS</a></li>
          <li><a href="#">CINEMAS</a></li>
          <li><a href="#">OTHER</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">DAYS OUT</a>
        <ul>
          <li><a href="#">EATING OUT</a></li>
          <li><a href="#">LEISURE</a></li>
          <li><a href="#">SHOWS</a></li>
          <li><a href="#">CINEMAS</a></li>
          <li><a href="#">OTHER</a></li>
        </ul>
      </li>
      <li><a href="#">GROUP OUTINGS</a>      </li>
      <li><a href="#" class="MenuBarItemSubmenu">HOLIDAYS</a>
        <ul>
          <li><a href="#">UK </a></li>
          <li><a href="#">ABROAD</a></li>
        </ul>
      </li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">SHOPPING</a>
    <ul>
      <li><a href="#">DERBYSHIRE</a></li>
      <li><a href="#">NOTTINGHAMSHIRE</a></li>
      <li><a href="#">LEICESTERSHIRE</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">BOOKS</a>
    <ul>
      <li><a href="#">BOOKSHOPS</a></li>
      <li><a href="#">USED BOOKS</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">HEALTH</a>
    <ul>
      <li><a href="#">NHS DIRECT</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">HOSPITALS</a>
        <ul>
          <li><a href="#">DERBYSHIRE</a></li>
          <li><a href="#">NOTTINGHAMSHIRE</a></li>
          <li><a href="#">LEICESTERSHIRE</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">WALK IN CLINICS</a>
        <ul>
          <li><a href="#">DERBYSHIRE</a></li>
          <li><a href="#">NOTTINGHASHIRE</a></li>
          <li><a href="#">LEICESTERSHIRE</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">GUM CLINICS</a>
        <ul>
          <li><a href="#">DERBYSHIRE</a></li>
          <li><a href="#">NOTTINGHAMSHIRE</a></li>
          <li><a href="#">LEICESTERSHIRE</a></li>
        </ul>
      </li>
    </ul>
</li>
</ul>
<p> <br />
</p>
<p> </p>
<div class="NAVI BAR"> </div>
<p> </p>

<table width="868" border="1">
<tr>
    <td width="150" height="190"> </td>
    <td width="539"> </td>
    <td width="150"> </td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

<table width="853" border="0">
<tr bgcolor="#95B8F8">
    <td width="150" align="left" valign="top"><h5><img src="html/logo.jpg/logo2.jpg" width="150" height="64" /></h5></td>
    <td width="539" height="10" align="left" valign="top" bgcolor="#95B8F8"><h5>Disclaimer: Studentshub is a platform for listing services as advertised/promoted by the Companies and individuals concerned. Studentshub does not endorse any of the contents on this site. Studentshub accepts no responsibility for any arrangements, purchase, contracts, agreements, refunds, failure to deliver services etc between individuals, landlords, clubs, organisations, companies etc. This does not affect your statutory rights (2009)</h5></td>
    <td width="150" align="left" valign="top"><h5>Contact: <a href="mailto:[email protected]">All enquiries</a></h5></td>
</tr>
</table>
<script type="text/javascript">

</script>
</body>
</html>
Many thanks again.

When you say, "tested" your Template in FireFox, did you cast a child page from the Template or just try to see the Template in FireFox?
Templates do not customarily show well on their own in Browsers; their child pages should be fine.
I see that one of your CSS files is using a local link to your hard drive. You will want to fix that. It may be that saving the Template again will update your child page.
Other than that, make sure ALL the auxiliary files are uploaded to your server. If the menubar works locally but not remotely, it is usually because the files are not there for the page to find them.
If you have a URL to your site, we can look at the files as they attempt to work with each other.
Beth

SPRY DROP DOWN (VERTICAL) MENU SHOWING HORIZONTALLY IN IE8

Hi guys,
im having hard time figuring out how to fix my spry drop down menu on IE8. when rolled over, it lines up horizontally instead of vertically. please check the site:
http://www.rebeccabrooksphotography.com/ and roll over the A bit about and Galleries.
hope you experts can help me. please!
here's the HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<title>Rebecca Brooks Photography</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="A Community Based WordPress Theme" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/hoverintent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

<link rel="stylesheet" href="pagenavi-css.css" type="text/css" media="screen" />

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<div class="rss"></div>
<div id="header">
    <div class="logo">
      <h1><a href="#" title="TemplateAccess Theme">A TemplateAccess.com Theme</a></h1>
    </div>
<div class="topnav">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="index.html">Home</a></li>
        <li><a href="aboutme.html" class="MenuBarItemSubmenu">A bit about</a>
          <ul>
            <li><a href="#">Me</a></li>
            <li><a href="#">Your Shoot</a></li>
          </ul>
        </li>
        <li><a class="MenuBarItemSubmenu" href="#">Galleries</a>
          <ul>
            <li><a href="#">Hello World</a></li>
            <li><a href="#">Little & then no so</a></li>
            <li><a href="#">Family</a></li>
            <li><a href="#">The Look of Love</a></li>
            <li><a href="#">My Wanderlust</a></li>
          </ul>
        </li>
        <li><a href="#">Client Viewing</a></li>
        <li><a href="#">Testimonials</a></li>
        <li><a href="pricing.html">Pricing</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
      <div class="clr"></div>
</div>
    <div class="clr"></div>
</div>

<div class="body2">
    <div class="header_text">
      <div id="slider">
        
        <div id="slideshow">
          <div class="slider-item"><a href="#"><img src="images/simple_img_1.jpg" alt="screen 1" width="920" height="374" /></a></div>
          <div class="slider-item"><a href="#"><img src="images/simple_img_2.jpg" alt="screen 2" width="920" height="374" /></a></div>
          <div class="slider-item"><a href="#"><img src="images/simple_img_3.jpg" alt="screen 3" width="920" height="374" /></a></div>
          <div class="slider-item"><a href="#"><img src="images/simple_img_4.jpg" alt="screen 4" width="920" height="374" /></a></div>
          <div class="slider-item"><a href="#"><img src="images/simple_img_5.jpg" alt="screen 5" width="920" height="374" /></a></div>
        </div>
        <div class="clr"></div>
      </div>
    </div>
    <div class="clr"></div>
</div>

</div>

<div id="page-bot">
<div class="bloog">
    <p>© Rebecca Brooks Photography. All Rights Reserved.</p>
</div>
<div class="clr"></div>
</div>

<div id="footer">
<div class="footer_resize">
    <div class="fr"><strong><br />
    </strong></div>
    <div class="clr"></div>
</div>
<div class="clr"></div>
</div>

<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
========
here's the css file:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0px;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
background-color: #454545;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
background-color: #454545;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0px;
padding: 0;
list-style-type: none;
font-size: 11px;
position: relative;
text-align: left;
cursor: pointer;
width: auto;
float: left;
background-color: #454545;
font-family: Arial, Helvetica, sans-serif;
word-spacing: normal;
letter-spacing: 0px;
color: #454545;
height: auto;
clear: none;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
background-color: #454545;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
background-color: #454545;
width: auto;
float: left;
list-style-type: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
height: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 11px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 140px;
background-color: #454545;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: 0 0 0 95%;
background-color: #454545;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0px;
width: auto;
background-color: #454545;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
background-color: #454545;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #454545;
color: #CCC;
text-decoration: none;
padding-top: 2px;
padding-right: 13px;
padding-bottom: 2px;
padding-left: 13px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #454545;
color: #FFF;
font-size: 11px;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #454545;
color: #FFF;
float: none;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-repeat: no-repeat;
background-position: 95% 50%;
background-color: #454545;
font-size: 11px;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: none;
background-repeat: no-repeat;
background-position: 95% 50%;
width: auto;
background-color: #454545;
font-size: 11px;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-repeat: no-repeat;
background-position: 95% 50%;
background-color: #454545;
font-size: 11px;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: none;
background-repeat: no-repeat;
background-position: 95% 50%;
font-size: 0px;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
.MenuBarItemSubmenu ul li {font-size:11px;}

Add the following styling to your document, making sure that this comes after the menubar styling that you have already got inplace.
ul.MenuBarHorizontal ul li {
    display: block;
    float: none !important;
    width: auto;
    white-space: nowrap;
    border-bottom: solid 1px #EEE;
Gramps

Drop down searchable menu with autocomplete

Similar Messages

Maybe you are looking for