Drop Down menu help needed

Hi, on my site at the checkout page, it has 2 drop down menus, one for country and one for state.  right now as it is, if you select United States from the first menu, you are then able to select which state you are from.  But if any other country is selected, the Select State drop down menu dissappears.  The coding looks like this right now
private function onChange(target:SelectCountryCombo):Void {
  switch(target) {
   case _selectCountry:
    if (target.value == 'US')
     _selectState.visible = true      
    else
     _selectState.visible = false;
   break;
What i want to do is make it so that if you select canada the drop down menu stays visable, and i've added the provinces into the list.  I tried adding 'CA' along with the 'US' but that makes it stay visible for all countries, i only want it visible for the 2.  it seems easy but i really dont know action script very well at all.  Thanks a lot for any  help

I just had another question about the same thing. Is it possible that when CA is selected, that a different data provider for the "Select State" list would come up? For example, if US were selected it would load "_selectState.dataProvider = PayPalStateUSList.instance.option;" but if CA were selected, i could have it load the same thing but with just provinces? i tried to just copy the coding for PayPalStateUSList and rename it PayPalStateCAList with the list changed to provinces, and have it load it in the as but i dont really know what im doing.
right now i just have the states and provinces all in one list, but its just harder to select when everything is all mixed in. it looks a bit unorganized.
another thing i would like to do, is change the total price based on the country selected in the drop down menu, if its possible. right now I have a shipping charge being added to the total from the shopping cart screen (thanks to kglad), but what would make more sence would to have the shipping based on wether its domestic or international. would it be possible to change the total based on the country selected?
these are the last of my questions, after these 2 issues are fixed my site is complete.  Thanks for all the help
The coding for the page looks like this (both my concerns are on the same page)
import mx.utils.Delegate;
import kliment.managers.PopUpManager;
import kliment.data.FormField;
import kliment.display.MCC;
import kliment.net.URL;
import kliment.net.URLMethod;
import kliment.net.URLTarget;
import kliment.utils._Object;
import kliment.utils._String;
import as.Application;
import as.Settings;
import as.SimpleButton;
import as.subpage.elements.AgreeCheckBox;
import as.subpage.elements.SelectStateCombo;
import as.subpage.SubpageAbstract;
import as.menu.Menu;
import as.AlertMessage;
import as.shopingcart.PayPalCountryList;
import as.shopingcart.PayPalStateUSList;
import as.subpage.elements.SelectCountryCombo;
import as.subpage.elements.SelectCountryItemRender;
* @author ...
class as.subpage.ViewCheckout extends SubpageAbstract {
private var _IDENTIFIER:String = 'checkout_view';
private var _price_txt:TextField;
private var _f_name_txt:FormField;
private var _l_name_txt:FormField;
private var _email_txt:FormField;
private var _phone_txt:FormField;
private var _city_txt:FormField;
private var _street_txt:FormField;
private var _zip_txt:FormField;
private var _country_cb:FormField;
private var _state_cb:FormField;
private var _selectCountry:SelectCountryCombo;
private var _selectState:SelectCountryCombo;
private var _i_agree_cb:AgreeCheckBox;
private var _proceed_btn:SimpleButton;
public function ViewCheckout() {
  super();
private function _init():Void {
  _target_mc = MCC.attach(_IDENTIFIER, _host.content_mc);
  _page_mc = _target_mc.page_mc;
  _price_txt = _page_mc.price_txt;
  _price_txt.autoSize = 'left';
  _price_txt.text = Settings.CURRENCY + _String.decimalFractions(Application.instance.aSopingCart.totalPrice, 2);
  _f_name_txt = new FormField(_page_mc.f_name_txt, 'first_name', _page_mc.f_name_txt.text, true);
  _l_name_txt = new FormField(_page_mc.l_name_txt, 'last_name', _page_mc.l_name_txt.text, true);
  _city_txt = new FormField(_page_mc.city_txt, 'city', _page_mc.city_txt.text, true);
  _street_txt = new FormField(_page_mc.street_txt, 'address1', _page_mc.street_txt.text, true);
  _zip_txt = new FormField(_page_mc.zip_txt, 'zip', _page_mc.zip_txt.text, true);
  _email_txt = new FormField(_page_mc.email_txt, 'email', _page_mc.email_txt.text, true);
  _phone_txt = new FormField(_page_mc.phone_txt, 'night_phone_b', _page_mc.phone_txt.text);
  _selectCountry = new SelectCountryCombo(_page_mc.select_country_mc, 'combo_box_list', 'Select a country');
  _selectCountry.itemRender = SelectCountryItemRender;
  _selectCountry.dataProvider = PayPalCountryList.instance.option;
  _selectCountry.addListener(this);
  _selectState = new SelectCountryCombo(_page_mc.select_state_mc, 'combo_box_list', 'Select a state');
  _selectState.itemRender = SelectCountryItemRender;
  _selectState.dataProvider = PayPalStateUSList.instance.option;
  _selectState.addListener(this);
  _country_cb = new FormField(_selectCountry, 'adress_country', '', true);
  _state_cb = new FormField(_selectState, 'adress_state', ''); 
  _proceed_btn = new SimpleButton(_page_mc.proceed_mc);
  _proceed_btn.onClick = Delegate.create(this, _onProceedClickHandler);
  _i_agree_cb = new AgreeCheckBox(_page_mc.i_agree_mc);
  _page_mc.f_name_txt.tabIndex = 0;
  _page_mc.l_name_txt.tabIndex = 1;
  _page_mc.email_txt.tabIndex = 2;
  _page_mc.phone_txt.tabIndex = 3;
  _page_mc.zip_txt.tabIndex = 4;
  _page_mc.city_txt.tabIndex = 5;
  _page_mc.street_txt.tabIndex = 6;
  _page_mc._y = 33;
  _page_mc._x = 50;
private function onChange(target:SelectCountryCombo):Void {
  switch(target) {
   case _selectCountry:
    if (target.value == 'US' || target.value=="CA")
     _selectState.visible = true      
    else
     _selectState.visible = false;
   break;
private function _onProceedClickHandler():Void {
  var isError:Boolean = false;
  var isErrorSelect:Boolean = false;
  var message:String = '';
  var messageLine1:String = '';
  var messageLine2:String = '';
  var forSend:Object = new Object();
  forSend.cmd = '_cart';
  forSend.business = Settings.BUSINESS_EMAIL;
  forSend.currency_code = Settings.CURRENCY_CODE;
  forSend.upload = 1;
  forSend.address_override = 1;
  forSend.rm = 2;
  forSend.no_shipping = 1;
  if (Settings.NOTIFY_URL)
  forSend.notify_url = Settings.NOTIFY_URL;
  if (Settings.RETURN_URL)
  forSend.return_url = Settings.RETURN_URL;
  var purchasesList:Object = Application.instance.aSopingCart.getPayPalCarts();
  if (!purchasesList) {
   isError = true;
   message += 'The shopping cart is empty.'+newline;
  if (_f_name_txt.isValid)
   forSend[_f_name_txt.name] = _f_name_txt.value;
  else {
   messageLine1 += ((isError)?', ':'') + String(_f_name_txt.start_value).toLowerCase();
   isError = true;
  if (_l_name_txt.isValid)
   forSend[_l_name_txt.name] = _l_name_txt.value;
  else {
   messageLine1 += ((isError)?', ':'') + String(_l_name_txt.start_value).toLowerCase();
   isError = true;
  if (_email_txt.isValid)
   forSend[_email_txt.name] = _email_txt.value;
  else {
   messageLine1 += ((isError)?', ':'') + String(_email_txt.start_value).toLowerCase();
   isError = true;
  if (_phone_txt.isValid)
   forSend[_phone_txt.name] = _phone_txt.value;
  else {
   messageLine1 += ((isError)?', ':'') + String(_phone_txt.start_value).toLowerCase();
   isError = true;
  if (_city_txt.isValid)
   forSend[_city_txt.name] = _city_txt.value;
  else {
   messageLine1 += ((isError)?', ':'') + String(_city_txt.start_value).toLowerCase();
   isError = true;
  if (_street_txt.isValid)
   forSend[_street_txt.name] = _street_txt.value;
  else {
   messageLine1 += ((isError)?', ':'') + String(_street_txt.start_value).toLowerCase();
   isError = true;
  if (_zip_txt.isValid)
   forSend[_zip_txt.name] = _zip_txt.value;
  else {
   messageLine1 += ((isError)?', ':'') + String(_zip_txt.start_value).toLowerCase();
   isError = true;
  if (isError)
   messageLine1 = 'Please enter your ' + messageLine1 + '. ' + newline;
  if (_selectCountry.selectedIndex >= 0)
   forSend['country_code'] = _selectCountry.value;
  else {
   messageLine2 += ((isErrorSelect)?', ':'') + 'country';
   isError = true;
   isErrorSelect = true;
  if (_selectState.selectedIndex >= 0 && _selectCountry.value == 'US')
   forSend['state'] = _selectState.value;
  else if (_selectCountry.value == 'US'){
   messageLine2 += ((isErrorSelect)?', ':'') + 'state';
   isError = true;
   isErrorSelect = true;
  if (isErrorSelect)
   messageLine2 = 'Please select your ' + messageLine2 + '. ' + newline;
  //isError = false;
  if (!isError && Boolean(_i_agree_cb.value)) {
   _Object.copyTo(purchasesList, forSend);
   URL.navigate('https://www.paypal.com/cgi-bin/webscr', forSend, URLMethod.POST, URLTarget.BLANK);
   Application.instance.aSopingCart.clear();
   message = 'The purchases are waiting for the payment.'+newline+'The shopping cart is empty.';
   _application.gotoSpash();
  } else {
   message += 'You need to accept The Terms of Use to place an order. ' + newline;
  message += messageLine1;
  message += messageLine2;
  new AlertMessage('Info!', message);
public function onResize():Void {

Similar Messages

  • Flash Drop Down Menu Help Needed

    I am using this set-up for a drop-down menu:
    http://www.flash-menu.net/flash_drop_down_menu/flash_drop_down_menu_component.htm
    I'm usign the vertical setup:  http://flash-menu.net/flash_drop_down_menu/download_vertical_drop_down_menu_free.htm
    I want to put it both on a static html page (for those who do not have FLASH installed), as well as the FLASH site.
    This is the site:  http://www.miltongordonussenate.com/flash/index.html
    I want to put this menu on both the Campaign page, AND the Links page.
    I have the seperate parts- the swf file, the html file, and the jscript file. I don't know if I am uploading the seperate files in the wrong place, or if I am just completely off base.
    Can someone help me with this, please?

    Ok, I see several people have looked, but no one has answered.
    Is there a better way to do what I want to do? Any help is appreciated!

  • Rollover Button + Drop-down menu = I need HELP!

    Hello,
    I'm fairly new to this whole Flash thing, but i seem to be
    doing really well so far. I have created a website that is in
    functional, working order - all of my buttons, actions, links, etc.
    are working, (which i'm quite proud of), but i'm now at a loss. I'm
    trying to create a rollover button/dropdown menu effect for two of
    my galleries, and although i've successfully created the pop-up
    effect of the menu by utilizing the "Over" and "Down" states inside
    of the button itself, when i render out the file and test it, the
    drop-down text flickers. Placing the mouse over the original
    button, everything seems to work fine, but as soon as i move the
    pointer down over the pop-up/drop-down text, it flickers! i've
    tried creating this is separate layers, i've tried increasing my
    Hit state, i've even tried a stop action, but nothing works, and
    i'm out of ideas. Help!?

    If you are hoping to make linkable buttons for the drop down
    portions, then they need to be separate buttons. If they are
    internal to the main button, then they are the main button and will
    only link where it links (if they don't totally throw it out of
    whack--I forget what one of my client's doing that resulted in, but
    the bottom line is... buttons inside buttons are bad news.).
    My suggestion: Google "AS2 drop down menu tutorials" and see
    what you can find. Googling is a great resource for finding things.
    There will likely be a number to choose from, so read thru them and
    see which ones match what you're trying to create and are easy to
    follow (some may not explain things well... everybody and their
    uncles apparently want to try to teach the world what they know,
    regardless of their ability to explain things (or lack thereof)).
    Some, if not many, will provide source files you can build
    from.

  • IPhone 2.x 3g... Drop down menu! Need some HELP

    My fiance's iPhone seems to have a drop down menu when she scrolls down from the battery/clock or anywhere up there. I tried to do the same with my iPhone and nothing drops
    I can't figure out what could be the difference between our phones... If you know the answer, please advise.
    Thx!

    does it look like a entry field at the top and a keyboard at the bottom?
    if not... what does the drop down menu contain?

  • LiveCycle Designer 8.0 Drop-down menu help - newbie

    I am new with LiveCycle and do not know much about coding and the like. I've search the forums and have not found quite what I need. (It might be because I don't know the correct terms to search - so I apologize in advance if there was a previous posting regarding this)
    I am creating a form for lab tests for referring physicians to fill out.
    for simplicity, I will just use the state, city example.
    >>>>>> QUESTION 1.
    I have dragged/dropped a drop-down menu icon onto the form, gone through the Palette>Object>Field>List Items to compile the list of states (in my real case, a list of lab tests)
    How can I get the second drop down menu to show the corresponding cities based on the "state" selected in the first drop down menu? So that when I choose "California" I have the option in the second drop-down menu to choose from "Los Angeles," "Orange County," "Long Beach," etc
    VERSUS
    if I select "Texas" the list will retrieve "Houston," "Sugarland," "Dallas," etc.
    I read about hardcoding and although I'm not quite sure what that means, I think that is what I will be doing as I will not be referencing outside of my form.
    Also, the items in these menus are long/descriptive in nature, is there a way to refer to the lists in the code without having to type everything out? In my form (instead of "state") I will have lab tests "Test_1" with CPT codes attached, that is the list includes items like:
    93880 - carotid duplex scan, bilateral
    93882 - carotid duplex scan, unilateral
    and in drop-down list 2 I have items like:
    454.0 - varicose vein with ulcer
    454.1 - varicose veins with inflammation
    it would be such a pain to type each out in the code, but if there are no other ways around it, that is fine too.
    >>>>>>> QUESTION 2.
    The referring physician will have the option to email this form to the vascular lab scheduler. To prevent an "accidental" changes, I would like the form to be a "live form" for people to fill out, but upon return, the form to be a static PDF file, that is, the person receiving the email does not have the option to make any changes (purposeful or accidental), is there a way to do this?
    THANK YOU SO MUCH IN ADVANCE!
    again, I apologize for asking for help for what I'm sure is an easy fix. I don't know very much about the coding language, if it is not too much to ask - step-by-step would be helpful.
    I'm using Adobe LiveCycle Designer 8.0.
    Thank you.
    -Viv

    Hi Geo,
    Thank you for the link.
    Sorry, this is very difficult for me to explain not knowing the scripting language, but I will try my best not to confuse you too much.
    I was able to get Thom's example to work, and based on that, I was able to get this hypothetical situation to work:
    < script contentType="application/x-javascript" name="Example2" >var oTestOrdered = {
    12345678912345678: [ ["-"], ["AAA (Endologix)"], ["AAA (GORE)"], ["Aortic Arch"],["other"]],
    56565: [ ["-"], ["Varicose Vein"], ["Venous Insufficiency"], ["Spider Veins"],["Symptomatic Var Veins"]],
    46546: [ ["-"], ["TA biopsy"], ["CEA"], ["amputation"], ["debridement"]]
    function SetTestEntries()
    ICD9_2.clearItems();
    ICD9_2.rawValue = null;
    var aTests = oTestOrdered[xfa.event.change];
    if(aTests && aTests.length)
    for(var i=0;i<aTests.length;i++)
    ICD9_2.addItem(aTests[i][0].toString());
    </ script >
    HOWEVER, I cannot get something like this one to work (the only difference is that I added a "9" to the first option) it seems as though I cannot insert anything beyond 17 consecutive characters (no dashes and underscores are allowed either):
    < script contentType="application/x-javascript" name="Example2" >var oTestOrdered = {
    123456789123456789: [ ["-"], ["AAA (Endologix)"], ["AAA (GORE)"], ["Aortic Arch"],["other"]],
    56565: [ ["-"], ["Varicose Vein"], ["Venous Insufficiency"], ["Spider Veins"],["Symptomatic Var Veins"]],
    46546: [ ["-"], ["TA biopsy"], ["CEA"], ["amputation"], ["debridement"]]
    function SetTestEntries()
    ICD9_2.clearItems();
    ICD9_2.rawValue = null;
    var aTests = oTestOrdered[xfa.event.change];
    if(aTests && aTests.length)
    for(var i=0;i<aTests.length;i++)
    ICD9_2.addItem(aTests[i][0].toString());
    </ script >
    The form I am creating is a Vascular Lab request form, where the test ordered (drop down box 1)has a CPT code to reference the test being ordered (i.e., 93880 - Carotid Duplex Scan, bilateral) and the test has a set of diagnoses (ICD-9 codes) in drop down box 2, associated with that test (i.e., 459.81 - Venous Insufficiency)
    I have found that I do not have a problem with the "diagnoses" but I cannot add the descriptive test select in the first place. That is, the code works fine if I leave it as "93880" but not "93880 - description." I have also run into the problem that I cannot use dashes or underscores, nor can I type more than 17 characters otherwise the code no longer works.
    Is there something I need to add or remove in order to make this work?
    Thank you in advance for your help and patience!

  • Basic Form with Drop Down Menu Help

    Hi Guys,
    I have just started using dreamweaver and i dont use code or anything yet.  I have been following a tutorial from thesitewizard which runs through the basics of creating a web page in the design screen.  It created a form to insert but i need to know how to create a form which has a drop down menu to have say 4 or 5 options to select the normal name email comments etc fields and submit button to enbale people to contact me.  Can anyone help with this.  Pleae keep in mind i am very new to this and dont have any code experience etc at all.
    Thanx in advance for any help.
    cheers
    chris

    You will need to use a form processing script to handle your form data.  This isn't terribly difficult, but it's more than you can do in Design View alone.
    Have a look at this form building service.
    http://wufoo.com/
    Another one to look at - although I've never used it myself, it gets mentioned a lot in these groups.
    Forms To Go from BeBo Soft -
    http://www.bebosoft.com/products/formstogo/index.php
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics |  Print | Media Specialists
    www.alt-web.com/
    www.twitter.com/altweb

  • JavaScript and Drop down menu help?

    Hi,
    I'm having trouble trying to get options in my drop down menu to update in another section. I have the below script in a hidden field and everything seems to be working but it keeps picking up the last line only when doing calculations (i.e 48) when I change it in the drop down menu to say "HBZ-200" which has the value of 200 it is still only picking up the last line and value of 48.
    So to put a little perspective on things the below script is in a hidden field called stndwatt, I then want to calculate that in another hidden field called calc which has the following calculations - (Qty3+ballconsump)-stndwatt, this should then update my visible field called ElectYear1 which then has the calculations of - (Qty1+Qty2)*(Qty4*Qty5*Qtycost*calcs*weeksinyear)/1000, as far as I can work out my stndwatt field is only picking up the last line below which is 48.
    I'm sorry if this is vague I'm not very familar with JavaScript or PDF forms and have been scratching my head all day with this.
    var v = this.getField("ProductLineOne").value;
    if (v=="T101221W-30 (3000K T10 LED Tube)") event.value = "21";
    else if (v=="T101221W-40 (4000K T10 LED Tube)") event.value = "21";
    else if (v=="T101221W-50 (5000K T10 LED Tube)") event.value = "21";
    else if (v=="T101221W-60 (6000K T10 LED Tube)") event.value = "21";
    else if (v=="HBZ-100 (100W LED High Bay)") event.value = "100";
    else if (v=="HBZ-150 (150W LED High Bay)") event.value = "150";
    else if (v=="HBZ-200 (200W LED High Bay)") event.value = "200";
    else if (v=="ZSL-48W (48W LED Shop Light)") event.value = "48";

    Are you sure the code you posted here is EXACTLY the same as the code in
    your file? Did you copy&paste it?
    If so, can you share the file in question?

  • Drop Down Menu Help

    Hi,
    I am new here and try my best to struggle though to find an answer. After several day of trying I give up and am turning to the forum for help.
    I Have a Spry Horizontal Menu.
    When viewing the meno in Live view (F12) my sub-menu buttons appear opaque (you can see the contents of the page behind it). Also when placing the curser on the menu it seem confused if it is on the botton or the page underneath it. The contentson the page is simple text. I read that there may be a problem with Flash but this is not the case.
    I have tried and adjusted the Z-Indexes but it does not seem to help.
    Any ideas?
    Thanks in advance for your help.
    PS. If the answer to this was answered before I am sorry. I did try and find it.

    Here is the Spry Menu CSS Paul
    @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 { padding: 0; list-style-type: none; font-size: 90%; cursor: default; width: 590px; position: absolute; top: 311px; font-weight: bold; left: 307px; height: 39px; margin: 0; z-index: 10; }
    /* 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; } /* Menu item containers, position children relative to this container and are a fixed width
    */ ul.MenuBarHorizontal li { padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 118px; float: left; margin-left: 0px; margin-top: 0; margin-right: 0; margin-bottom: 0; } /* 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: 2000; cursor: default; width: 118px; position: absolute; left: -1000em; } /* 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; } /* Menu item containers are same fixed width as parent
    */ ul.MenuBarHorizontal ul li { width: 125px; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%)
    */ ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; } /* 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: 0; }
    /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides
    */ ul.MenuBarHorizontal ul { border: 1px solid #CCC; } /* Menu items are a light gray block with padding and no text decoration
    */ ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #0E2C8E; color: #FFF; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; font-weight: bold; text-transform: uppercase; text-align: center; background-image: none; background-repeat: no-repeat; background-position: center center; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-left-color: #C4C9DB; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #c4c9db; border-right-color: #565968; border-bottom-color: #565968; } /* 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: #57C1DB; color: #333; } /* 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: #57c1db; color: #FFF; } /******************************************************************************* 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-image: url(SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 95% 50%; position: fixed; } /* 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: url(SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* 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-image: url(SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* 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: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } /******************************************************************************* 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; } }

  • Drop down menu changing values in a form

    i have four different sites i would like to search by
    entering the search criteria from my page. when they type their
    search into the text box and hit submit, it would open a new
    window, to the site they searched, displaying the results. i can
    accomplish this with four separate forms, however to save space i
    would like to combine them all into one form. in the end i would
    like one form with one text field, one submit button, and a drop
    down menu containing a list of the four different sites they can
    search.
    how would i do this? the drop down menu would need to change
    a few different attributes in a few different tags to get this done
    it seems. is that done with javascript? can someone help me out
    please?

    You could use the input of the drop down to dictate the
    redirect URL in your form. i have done this and it depends on what
    language PHP ASP CFM? basically look in the code for your
    MM_RedirectURL variable and add a if statement after the code that
    processes the form like this.
    PHP
    IF ($_POST['select_field'] = "site1") {
    $MM_RedirectURL = "www.example/site1/index.php";
    IF($_POST['select_field'] = "site2") {
    $MM_RedirectURL = "www.example/site2/index.php";
    redirect ("Location: " . $MM_RedirectURL . "");
    exit;
    This assumes your select field is named "select_field" and
    the values are site1, site2. But you could use whatever you want.
    Also add two more ifs or use else to make four, the logic works in
    any language (at least that i have used)

  • It won't let me share my movie. Nothing happens when I click "share" or even in the drop down menu. I don't get options. HELP! I need this video by tonight!

    I have worked with iMoive a ton and have never had an issue. I consider myself pretty computer savvy. This new iMovie is not my friend. It will not let me share my new video. I click on the project and click "share" like it says but I don't receive any further prompt. It literally does nothing. I tried the drop down menu and I see the "share" with an arrow indicating there are options but no drop down menu appears. I need this video by tonight to submit for work. HELP!

    I got it to share! No reloading iMovie!
    I do not have Mackeeper on my laptop
    I have the movie files on an external hard drive
    1. Close out iMovie
    2. Eject the external hard drive
    3. Start up iMovie
    4. Plug in the external hard drive
    5. Go into finder and double click on the folder containing the movie
    6. Select the movie as if to edit
    7. Share it!
    I hope this works for you too

  • I've almost got a global drop down menu working but I need help!!

    I've got a drop down menu working that is in my "Sites" folder in MobileMe and can be linked to individual pages on my site with an html widget. This way I only have to change one file when I need to edit my navigation menu. It works fine as a footer as you can see here: http://web.me.com/phelpssculpture/Site/home_2.html
    The problem is I can't figure out how to use it as a header because the Widget box has to be big enough for the menus to drop in or they get cut off, but if it overlaps the page content as it does on the top of the page it blocks the content.
    Is it possible to make this transparent so the content shows through?
    Any help would be greatly appreciated, if we can figure this out it will be a breakthrough for having an effective navigation bar and a great timesaver for editing.
    Sincerely, David

    with an html widget.
    you can not achieve the result with html snippet widget, because you have no control over it.
    ... if we can figure this out it will be a breakthrough for having an effective navigation bar and a great timesaver for editing.
    it can be done and it's a known debate between me and other whose like to hide iweb navbar and build their own text based navbar, here was my argument: http://discussions.apple.com/thread.jspa?messageID=8136472&#8136472
    that said, it can be done when you have control over iweb, here are examples:
    http://home.cyclosaurus.com/CyclosaurusBlog/Entries/2009/8/11Pieces_of3.html (note the drop down menu overlap other elements).
    http://home.cyclosaurus.com/CyclosaurusBlog/Entries/2009/9/10iWeb_NavBarWidget.html
    the examples were done with my widgets, so give apple feedback and ask for tools to build widgets and take controls: http://www.apple.com/feedback/iweb.html

  • Need help with Drop Down Menu _ URGENT!!

    Hello -
    I'm new to Dreamweaver. I actually have an old version
    (Dreamweaver MX 2004).
    I'm updating a website for work and this needs to be done as
    soon as possible so I'd appreciate if anyone can be so kind as to
    shed light on ANYTHING. =/
    This is what I need:
    I need a drop down menu; when a selection is chosen, I need
    information regarding that selection to appear on the bottom of the
    page. (I am working off an Excel sheet - it has list of service
    descriptions along w/ the unit price, frequency & other fields.
    So If I chose "database hosting" off the drop down list,
    information would be generated (ie. it's corresponding unit price,
    frequencies, etc.)
    I've attached an example of a code but I cannot use that code
    (which has JavaScript) to tweak what I need exactly.
    I am VERY new to this so if anybody can help be out I would
    GREATLY appreciate it.
    Thanks!!

    >I buy all their stuff as it
    > is excellent.
    Double Ditto!
    Walt
    "Paul Gillard" <[email protected]> wrote in
    message
    news:gedcoi$d65$[email protected]..
    > Hi
    > To be honest, the very best thing you can do is to get
    hold of a DW
    > extension
    > from
    http://www.projectseven.com
    and then you will be able to have a
    > completely
    > editable 'easy to implement' drop-down menu system! I
    buy all their stuff
    > as it
    > is excellent.
    >
    > Cheers
    > Paul
    >

  • I need help changing a drop down menu on a template

    Hi there
    ive been using dreamwearver on and of for a few years now and just about get by,  ive just bought a web site template and although ive managed to ajust most things,
    the template had a drop down menu using CSS  currently on the "about us" option a sub menu drops down, ive worked out how to  add to this menu and change the words
    but what i cant do is have this same drop down menu on another part or the menu system  for example i would like another drop down menu on the "our menu" part
    any help would be much appreciated
    below is the source code
    ive got some js codes to but im not sure if the menu system uses them
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title></title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
        <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
        <link rel="icon" href="images/favicon.ico" type="image/x-icon">
        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" href="css/ui.totop.css" type="text/css" media="screen">
              <script src="js/jquery-1.7.min.js" type="text/javascript"></script>
        <script src="js/superfish.js" type="text/javascript"></script>
        <script src="js/script.js" type="text/javascript"></script>
              <script src="js/jquery.hoverIntent.js" type="text/javascript"></script>
        <script src="js/tms-0.3.js" type="text/javascript"></script>
        <script src="js/tms_presets.js" type="text/javascript"></script>
        <script src="js/jquery.ui.totop.js" type="text/javascript"></script>
              <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
                        <!--[if lt IE 8]>
        <div style=' clear: both; text-align:center; position: relative;'>
            <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_b annercode">
                      <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
            </a>
        </div>
              <![endif]-->
        <!--[if lt IE 9]>
                           <script type="text/javascript" src="js/html5.js"></script>
              <![endif]-->
    </head>
    <body id="page1">
    <!--=========================================header======================================= ======-->
            <header>
                <div class="bg-1">
                    <div class="main">
                        <div class="container_24">
                            <div class="wrapper">
                                <article class="grid_24">
                                    <h1><a href="index.html">Alexander</a></h1>
                                </article>
                            </div>
                            <article class="grid_24">
                                <nav>
                                    <ul class="menu">
                                        <li><a class="active" href="index.html">home<span></span></a></li>
                                        <li><a href="menu.html">our menu<span></span></a></li>
                                        <li><a href="about us.html">about  us<span></span></a>
                                            <ul>
                                                <li><a href="#">history</a></li>
                                                <li><a href="#">gallery</a>
                                                <li><a href="#">weddings</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="reservation.html">Reservation<span></span></a></li>
                                        <li><a href="contact us.html">contacts<span></span></a></li>
                                    </ul>
                                    <div class="clear"></div>
                                </nav>
                                <div class="clear"></div>
                                <div class="wrapper">
                                          <div class="col-1 bg-2">
                                              <div>
                                                  <h3>WELCOME TO<span>BALOOS</span></h3>
                                        </div>
                                        <div>
                                                  <div class="color-1">
                                                    <p>Situated in Henfield, Baloos is the creation of chef and restaurateur Chris and Amanda. Chris&rsquo; passion for food using the freshest, local and seasonal produce combined with Amanda&rsquo;s friendly front-of-house charm and personal touch to make Baloos the perfect spot for lunch or evening meal.                                               </p>
                                                  </div>
                                            <a href="#" class="button-1"><span>read more</span></a>
                                        </div>
                                    </div>
                                          <div class="col-2">
                                        <div class="slider_bg">
                                            <div class="slider">
                                                <ul class="items">
                                                    <li><img src="images/slider_1.jpg" alt=""></li>
                                                    <li><img src="images/slider_2.jpg" alt=""></li>
                                                    <li><img src="images/slider_3.jpg" alt=""></li>
                                                    <li><img src="images/slider_4.jpg" alt=""></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </header>
    <!--==============================content================================-->
        <section id="content">
                  <div class="bg-3">
                                  <div class="bg-4">
                          <div class="main">
                              <div class="container_24">
                                  <div class="wrapper">
                                      <article class="grid_24">
                                          <div class="wrapper border-1 margin-bot3">
                                              <article class="grid_6 suffix_2 alpha">
                                                  <h4 class="indent-top margin-bot1">restaurant hours</h4>
                                            <div class="color-3 lh-1 border-2">
                                                      <strong class="title-3 d-block margin-bot2">Bar </strong>
                                                11:30-8:30 Sunday-Thursday<br>
                                                11:30-9:00 Friday and Saturday
                                            </div>
                                            <div class="color-3 lh-1 border-2">
                                                      <strong class="title-3 d-block margin-bot2">Lunch</strong>
                                                Tue.-Sat. 12:00-2pm<br>
                                                No Lunch on Sunday
                                            </div>
                                            <div class="color-3 lh-1">
                                                      <strong class="title-3 d-block margin-bot2">Dinner</strong>
                                                Tuesday-Saturday 6:00- 9:30<br>
                                                Sunday 12:30-4pm
                                            </div>
                                        </article>
                                        <article class="grid_16 omega indent-top1">
                                                  <div class="wrapper">
                                                      <figure class="img-indent-l">
                                                          <img src="images/page1_img1.jpg" alt="">
                                                </figure>
                                                <div class="extra-wrap">
                                                          <div class="title-1"> Welcome!</div>
                                                    <div class="color-4 lh"><span class="color-3">Moleacene anrit ma hasese rayuaumso natoqu eagnis</span><br>
                                                    dist mte dulmuese feugiata lesua  kery ecencies phaledaty
                                                    fenanec sit amm easer ermeolor dapegetele mentum.
                                                    Baelursus eleifneanctor wisi et urna. Aliquam eravolutpatis
                                                    turpisntey yoleacene anritserauas ty miwert betyudes.</div>
                                                    <div class="title-2">chef</div>
                                                    <figure class="sign">
                                                              <img src="images/page1_img2.png" alt="">
                                                    </figure>
                                                </div>
                                            </div>
                                        </article>
                                    </div>
                                    <div class="wrapper border-1 indent-top">
                                              <article class="grid_7 suffix_1 alpha">
                                                  <h4 class="margin-bot4">about BALOOS</h4>
                                            <strong class="color-3 size-1 reg">Moleacene anrit maha deyuas</strong>
                                            <div class="margin-bot">Cum socis natoqu eagn dist mte dulm uese feugiata lesu kery lecenas stricies phaledatyfec sim easer erment.</div>
                                            <a href="#" class="button-2"><span>read more</span></a>
                                        </article>
                                        <article class="grid_16 omega">
                                                  <h4 class="margin-bot"> OUR RECOMENDED dishes of the MONTH</h4>
                                            <div class="wrapper margin-bot3">
                                                      <article class="grid_8 alpha">
                                                          <div class="wrapper">
                                                              <figure class="img-indent-2">
                                                                  <img src="images/page1_img3.jpg" alt="">
                                                        </figure>
                                                        <div class="extra-wrap indent-top2">
                                                                  <a href="#" class="color-6 link2">Grilled Fish</a><br>
                                                            kery lecenas stricies phaledatyfenanec sit amm easer erment. Ut ts dolor dapege telementum.
                                                        </div>
                                                    </div>
                                                </article>
                                                      <article class="grid_8 omega">
                                                          <div class="wrapper">
                                                              <figure class="img-indent-2">
                                                                  <img src="images/page1_img4.jpg" alt="">
                                                        </figure>
                                                        <div class="extra-wrap indent-top2">
                                                                  <a href="#" class="color-6 link2">Chicken Quesadilla</a><br>
                                                            lesuada  kercenas stricies phatyfenanec sit amm easer rment. Ut ts dolor dapege telementum.
                                                        </div>
                                                    </div>
                                                </article>
                                            </div>
                                                  <a href="#" class="button-3"><span>view all recipes</span></a>
                                        </article>
                                    </div>
                                </article>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <!--==============================footer================================-->
        <footer>
                  <div class="main">
                      <div class="container_24">
                          <div class="wrapper indent-bottom">
                              <article class="grid_14">
                                  <nav>
                                      <ul class="menu2">
                                    <li><a class="active" href="index.html">home</a></li>
                                    <li><a href="menu.html">our menu</a></li>
                                    <li><a href="about us.html">about us</a></li>
                                    <li><a href="reservation.html">Reservation</a></li>
                                    <li><a href="contact us.html">contacts</a></li>
                                </ul>
                            </nav>
                        </article>
                        <article class="grid_10">
                            <div class="indent-top3">
                                <div class="border-3 prefix_1">
                                    <div class="title-4">Find Us On Social Network:</div>
                                    <p class="p0 size-2 color-7">Bayarsety kertya aset aplicaboes kerasaer </p>
                                    <ul class="soc_list">
                                        <li><a href="#"><img src="images/soc_1.png" alt=""></a></li>
                                        <li><a href="#"><img src="images/soc_2.png" alt=""></a></li>
                                        <li><a href="#"><img src="images/soc_3.png" alt=""></a></li>
                                        <li><a href="#"><img src="images/soc_4.png" alt=""></a></li>
                                        <li><a href="#"><img src="images/soc_5.png" alt=""></a></li>
                                    </ul>
                                </div>
                            </div>
                        </article>
                    </div>
                    <div class="wrapper border-4">
                              <article class="grid_24 aligncenter down">
                                  BALOOS &copy; 2013 &bull; <a href="Privacy.html" class="link2">Privacy policy</a> &bull;
                            <span class="d-block"><!--{%FOOTER_LINK} --></span>
                        </article>
                    </div>
                </div>
            </div>
        </footer>
    <script type="text/javascript">
              $(window).load(function(){
            $('.slider')._TMS({
                duration:800,
                preset:'simpleFade',
                pagination:true,//'.pagination',true,'<ul></ul>'
                pagNums:false,
                slideshow:7000,
    </script>
    </body>
    </html>
    HERE IS THE CCS CODE
    @import url(http://fonts.googleapis.com/css?family=Amethysta);
    @import url(http://fonts.googleapis.com/css?family=Mr+De+Haviland);
    @import url(http://fonts.googleapis.com/css?family=Mr+Dafoe);
    /* Getting the new tags to behave */
    article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
    mark, rp, rt, ruby, summary, time {display:inline;}
    /* Global properties ======================================================== */
    html {width:100%;}
    html, body {height:100%;}
    body {           
              font-family:Arial, Helvetica, sans-serif;
              color:#666666;
              min-width:960px;
              background:#efefef;
              font-size:14px;
              line-height:22px;
    .main {
              width:960px;
              padding:0;
              margin:0 auto;
              position:relative;
    a {color:#666666; outline:none; text-decoration:none;}
    a:hover {text-decoration:none;}
    .link {text-decoration:underline;}
    .link2:hover {text-decoration:underline;}
    .wrapper {width:100%; overflow:hidden;}
    .extra-wrap {overflow:hidden;}
    p {margin-bottom:22px;}
    .p0 {margin-bottom:0;}
    .p1 {margin-bottom:0;}
    .d-in-block {display:inline-block;}
    .d-block {display:block;}
    .reg {text-transform:uppercase;}
    .rel {position:relative;}
    .fleft {float:left;}
    .fright {float:right;}
    .alignright {text-align:right;}
    .aligncenter {text-align:center;}
    .img-indent-l {float:left; margin:0px 39px 0px 0px;}
    .img-indent-2 {float:left; margin:0px 32px 0px 0px;}
    .img-indent-3 {float:left; margin:6px 32px 0px 0px;}
    /*********************************boxes**********************************/
    .indent {padding:0;}
    .indent-left {padding-left:0;}
    .indent-bottom {padding-bottom:25px;}
    .indent-right {padding-right:0;}
    .indent-top {padding-top:39px;}
    .indent-top1 {padding-top:37px;}
    .indent-top2 {padding-top:6px;}
    .indent-top3 {padding-top:29px;}
    .indent-top4 {padding-top:40px;}
    .indent-top5 {padding-top:8px;}
    .margin-top { margin-top:0;}
    .margin-bot {margin-bottom:33px;}
    .margin-bot1 {margin-bottom:26px;}
    .margin-bot2 {margin-bottom:9px;}
    .margin-bot3 {margin-bottom:29px;}
    .margin-bot4 {margin-bottom:23px;}
    .margin-bot5 {margin-bottom:19px;}
    .margin-bot6 {margin-bottom:11px;}
    .margin-bot7 {margin-bottom:42px;}
    .margin-left {margin-left:0;}
    .margin-right {margin-right:20px;}
    .margin-right1 {margin-right:30px;}
    /*********************************header*************************************/
    header {
              width:100%;
              background:url(../images/header.jpg) center top no-repeat #282829;
    h1 {
              padding:32px 0 23px 299px;
              h1 a {
                        display:block;
                        text-indent:-9999px;
                        background:url(../images/logo.png) no-repeat 0 0;
                        width:316px;
                        height:86px;
    /***** menu *****/
    header nav {
              float:left;
              background:url(../images/menu_r.png) right 38px no-repeat;
              width:100%;
    .menu {
              float:left;
              padding:9px 0 8px 84px;
              position:relative;
              z-index:20;
              font-family: 'Amethysta', serif;
              background:url(../images/menu_l.png) left 38px no-repeat;
    .menu li {
              float:left;
              position:relative;
              background:url(../images/menu2.png) left top no-repeat;
              padding:27px 45px 24px 42px;
    .menu li:first-child {
              background:none;
              padding-left:0;
    .menu li a {
              display:block;
              font-size:16px;
              line-height:20px;
              color:#dbdada;
              text-transform:uppercase;
              z-index:20;
    .menu li a span {
              display:block;
              width:18px;
              height:9px;
              background:url(../images/sub.png) left top no-repeat;
              position:absolute;
              top:-999px;
              left:50%;
              margin-left:-9px;
    .menu li:first-child a span {
              margin-left:-33px;
    .menu li.sfHover {
              position:relative;
              z-index:10;
    .menu li a.active span,
    .menu > li > a:hover span,
    .menu > li.sfHover > a span {
              top:-9px;
    .menu ul {
              z-index:20;
              letter-spacing:normal;
              position:                    absolute;
              top:                              -9999em;
              width:                              100px;
              background:url(../images/menu4.gif) left top repeat;
              border:                              none;
              box-shadow:5px 5px 5px rgba(0,0,0, .26);
              padding:6px 20px 10px;
    .menu ul ul {
              background-image:url(../images/menu5.gif);
    .menu ul li {width:          100%;}
    .menu li:hover {visibility:          inherit; }
    .menu li li {
              margin:0;
              border:none;
              padding:9px 0 6px 0;
              background:url(../images/menu6.png) left top repeat-x;
    .menu li li li {
              background-image:url(../images/menu7.png);
    .menu li li:first-child {
              background:none;
    .menu li li a {
              background:none;
              display:                    block;
              padding:                    0 0 0 6px;
              font-size:                    14px;
              line-height:          17px;
              color:                              #fff;
    .menu li li > a:hover,
    .menu li li.sfHover > a {
              color:#b16167;
    .menu li:hover ul, .menu li.sfHover ul {
              left:                              22px;
              top:                              79px;
              z-index:                    999;
    ul.menu li:hover li ul, ul.menu li.sfHover li ul {
              top:                              -999em;
    ul.menu li li:hover ul, ul.menu li li.sfHover ul {
              left:                              100px;
              top:                              -6px;
              z-index:                    99;
    ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
              top:                              -999em;
    /*********************************content*************************************/
    #content {
              width:100%;
              background:url(../images/bg-1.jpg) center -464px no-repeat #020202;
              padding:0;
    #page1 #content {
              margin-top:-194px;
    .col-1 {
              float:left;
              width:360px;
    .col-2 {
              float:left;
              width:590px;
    .col-3 {
              float:left;
              width:300px;
    .col-4 {
              float:left;
              width:280px;
    .sign {
              text-align:right;
              padding:10px 40px 0 0;
    .letter {
              text-align:center;
              font-family: 'Mr Dafoe', cursive;
              font-size:70px;
              line-height:84px;
              color:#cbcbcb;
              float:left;
              width:60px;
              margin-right:15px;
    /******************* slider *************/
    .slider_bg {
              background:url(../images/slider_bg.jpg) left top no-repeat;
              overflow:hidden;
              width:590px;
              height:429px;
              overflow:hidden;
    .slider {
              width:534px;
              height:429px;
              position:relative;
              background:url(../images/preloader.png) center center no-repeat;
    .pagination {
              position:absolute;
              right:-37px;
              top:21px;
              overflow:hidden;
              z-index:999;
    .pagination li {
              margin-top:3px
    .pagination li:first-child {
              margin-top:0;
    .pagination li a {
              display:block;
              width:15px;
              height:15px;
              background:url(../images/pag_nav.png) left bottom no-repeat;
    .pagination li a:hover,
    .pagination .current a {
              background-position:left top;
    .pagination .current a {
              cursor:default;
    .items {display:none;}
    /******************* slideshow *************/
    #slideshow {
              width:620px;
              height:705px;
              overflow:hidden;
              background:none !important;
    #slideshow>div {
              width:620px;
              height:705px;
              background:none !important;
    #prev {
              float:left;
    #next {
              float:left;
    #nav {
              overflow:hidden;
              padding:0px 15px 0;
              float:right;
    #nav li {
              float:left;
              font-size:13px;
              line-height:16px;
              text-align:center;
              margin-left:1px;
              display:block !important;
    #nav li:first-child {
              margin-left:0;
    #nav li a {
              color:#666666;
              display:block;
              width:14px;
              height:16px;
              overflow:hidden;
    #nav .activeSlide a,
    #nav li a:hover {
              color:#fff;
    .nav_wrap {
              overflow:hidden;
              position:absolute;
              width:200px;
              height:30px;
              right:97px;
              top:-33px;
    #next,
    #prev {
              text-indent:-9999px;
              float:right;
              overflow:hidden;
              display:block;
              width:10px;
              height:18px;
    #next {
              background:url(../images/next.png) left top no-repeat;
    #prev {
              background:url(../images/prev.png) left top no-repeat;
    #next:hover ,
    #prev:hover {
              background-position:right top;
    /*********************************bg's*************************************/
    .bg-1 {
              background:url(../images/light.png) center top no-repeat;
    .bg-2 {
              background:url(../images/bg-2.jpg) left top no-repeat;
              height:429px;
              overflow:hidden;
              text-align:center;
    .bg-2>div {
              padding:80px 15px 0 0;
    .bg-2>div+div {
              font-size:13px;
              line-height:20px;
              padding:27px 45px 0 50px;
    .bg-3 {
              background:url(../images/bg-4.png) left top repeat-x;
    .bg-4 {
              background:url(../images/bg-5.png) left bottom repeat-x;
              padding:70px 0 35px;
    #page1 .bg-4 {
              padding:225px 0 35px;
    .bg-5 {
              background:url(../images/bg-7.png) center top no-repeat;
    .bg-6 {
              background:url(../images/bg-8.gif) center top repeat-x;
    .border-1 {
              background:url(../images/border-1.png) left top repeat-x;
    .border-2 {
              border-bottom:1px dotted #313131;
              padding:0 0 18px;
              margin:0 0 15px;
    #page3 .border-2 {
              padding:0 0 23px;
              margin:0 0 14px;
    #page4 .border-2 {
              padding:0 0 35px;
              margin:0 0 37px;
    .border-3 {
              background:url(../images/border-2.png) left top repeat-y;
              padding:5px 0 4px;
    .border-4 {
              background:url(../images/border-3.png) left top repeat-x;
    /*********************************buttons*************************************/
    .button-1 {
              display:inline-block;
              font-size:18px;
              line-height:22px;
              color:#f9dfdf;
              font-family: 'Amethysta', serif;
              text-transform:uppercase;
              background:url(../images/button1_l.png) left 5px no-repeat;
              padding:0 0 0 23px;
    .button-1 span {
              display:block;
              background:url(../images/button1_r.png) right 5px no-repeat;
              padding:0 29px 0 4px;
    .button-1:hover {
              color:#1d1d1d;
    .button-2 {
              display:inline-block;
              text-transform:uppercase;
              font-family: 'Amethysta', serif;
              font-size:14px;
              line-height:17px;
              color:#fff;
              background:url(../images/button-2.gif) left bottom repeat-x;
              height:41px;
              overflow:hidden;
              border:1px solid #343434;
    .button-2 span {
              display:block;
              padding:13px 16px 11px 14px;
    .button-2:hover {
              background-position:left top;
    .button-3 {
              text-align:right;
              text-transform:uppercase;
              display:block;
              background:url(../images/button-2.gif) left bottom repeat-x;
              height:41px;
              border:1px solid #323232;
              font-size:16px;
              line-height:20px;
              color:#bfbfbf;
              font-family: 'Amethysta', serif;
    .button-3:hover {
              background-position:left top;
    .button-3 span {
              background:url(../images/marker-1.png) left 11px no-repeat;
              display:inline-block;
              padding:11px 19px 0 18px;
    /*********************************lists*************************************/
    .dl-1 dt {
              color:#fff;
    .dl-1 dd {
              overflow:hidden;
    .dl-1 dd span {
              display:block;
              float:left;
              width:100px;
    .soc_list {
              overflow:hidden;
              padding:19px 0 0;
    .soc_list li {
              float:left;
              margin-left:10px;
    .soc_list li:first-child {
              margin-left:0;
    .soc_list li a {
              display:block;
              width:32px;
              height:32px;
    .ul-1 li {
              font-size:14px;
              line-height:20px;
              font-family:Arial, Helvetica, sans-serif;
    .ul-1 li a {
              color:#b7b7b7;
    .ul-1 li a:hover {
              color:#fff;
    /*********************************fonts*************************************/
    h3 {
              font-size:28px;
              line-height:34px;
              color:#fbecec;
              font-family: 'Amethysta', serif;
              font-weight:normal;
              text-transform:uppercase;
              background:url(../images/bg-3.png) left bottom no-repeat;
              padding:0 0 33px 0;
    h3 span {
              display:block;
              margin-top:-5px;
              color:#f7d3d3;
    h4 {
              font-size:16px;
              line-height:20px;
              color:#dbdada;
              font-family:'Amethysta', serif;
              font-weight:normal;
              text-transform:uppercase;
    .title-1 {
              color:#a0a0a0;
              font-family:'Mr De Haviland', cursive;
              font-size:72px;
              line-height:87px;
              margin:-8px 0 15px 0;
              padding-left:5px;
    .title-2 {
              text-align:right;
              padding:12px 90px 0 0;
              color:#dddcdc;
              font-family:'Amethysta', serif;
              font-size:18px;
              line-height:22px;
              text-transform:uppercase;
    .title-3 {
              font-size:13px;
              line-height:18px;
              color:#fff;
    .title-4 {
              color:#464646;
              font-family:'Amethysta', serif;
              font-size:18px;
              line-height:22px;
              text-transform:uppercase;
              margin-bottom:3px;
    .lh {
              line-height:23px;
    .lh-1 {
              line-height:20px;
    .size-1 {
              font-size:13px;
              display:block;
    .size-2 {
              font-size:11px;
              line-height:14px;
    .color-1 {color:#e4d0d1;}
    .color-2 {color:#dcb0b1;}
    .color-3 {color:#b7b7b7;}
    .color-4 {color:#7e7e7e;}
    .color-5 {color:#b2b2b2;}
    .color-6 {color:#fff;}
    .color-7 {color:#919191;}
    /******* form's ********/
    /***** contact form *****/
              #form1 fieldset {
                        border:none;
                        padding:0;
                                  #form1 label {
                                            display:block;
                                            min-height:57px;
                                  #form1 label.message {
                                            height:232px;
                                  .inp {
                                            display:block;
                                            width:320px;
                                            height:40px;
                                            padding:0 14px;
                                            background:url(../images/inp-1.png) left top repeat;
                                            overflow:hidden;
                                            position:relative;
                                            border:1px solid #343434
                                  #form1 input {
                                            width:320px;
                                            padding:12px 0 12px;
                                            margin:0;
                                            font-family:Arial, Helvetica, sans-serif;
                                            font-size:14px;
                                            height:16px;
                                            color:#666;
                                            border:none;
                                            background:none;
                                            outline:none;
                                  #form1 .area .error { float:none;}
                                  .text_a {
                                            position:relative;
                                            overflow:hidden;
                                            display:block;
                                            width:478px;
                                            height:230px;
                                            padding:0 14px;
                                            background:url(../images/inp-1.png) left top repeat;
                                            border:1px solid #343434
                                  #form1 textarea {
                                            height:216px;
                                            margin:0;
                                            width:478px;
                                            padding:12px 0;
                                            font-family:Arial, Helvetica, sans-serif;
                                            font-size:14px;
                                            color:#666;
                                            border:none;
                                            background:none;
                                            overflow:auto;
                                            outline:none;
                                            resize:none;
                                  #form1 a {cursor:pointer;}
                                            #form1 .success {display:none; margin-bottom:10px;}
                                            #form1 .error,
                                            #form1 .empty {
                                                      color:#f00;
                                                      font-size:11px;
                                                      line-height:18px;
                                                      display:none;
                                                      overflow:hidden;
                        #form1 .buttons-wrapper {text-align:right; padding-top:40px; position:relative;}
                        #form1 .buttons-wrapper a { margin-left:30px;}
              #form2 fieldset {
                        border:none;
                        padding:0;
                                  #form2 label {
                                            display:block;
                                            min-height:57px;
                                  #form2 label.message {
                                            height:232px;
                                  .inp2 {
                                            display:block;
                                            width:318px;
                                            height:40px;
                                            padding:0 14px;
                                            background:url(../images/inp-1.png) left top repeat;
                                            overflow:hidden;
                                            position:relative;
                                            border:1px solid #343434
                                  #form2 input {
                                            width:318px;
                                            padding:12px 0 12px;
                                            margin:0;
                                            font-family:Arial, Helvetica, sans-serif;
                                            font-size:14px;
                                            height:16px;
                                            color:#666;
                                            border:none;
                                            background:none;
                                            outline:none;
                                  #form2 .area .error { float:none;}
                                  .text_a2 {
                                            position:relative;
                                            overflow:hidden;
                                            display:block;
                                            width:318px;
                                            height:230px;
                                            padding:0 14px;
                                            background:url(../images/inp-1.png) left top repeat;
                                            border:1px solid #343434
                                  #form2 textarea {
                                            height:206px;
                                            margin:0;
                                            width:318px;
                                            padding:12px 0;
                                            font-family:Arial, Helvetica, sans-serif;
                                            font-size:14px;
                                            color:#666;
                                            border:none;
                                            background:none;
                                            overflow:auto;
                                            outline:none;
                                            resize:none;
                                  #form2 a {cursor:pointer;}
                                            #form2 .success {display:none; margin-bottom:10px;}
                                            #form2 .error,
                                            #form2 .empty {
                                                      color:#f00;
                                                      font-size:11px;
                                                      line-height:18px;
                                                      display:none;
                                                      overflow:hidden;
                        #form2 .buttons-wrapper {text-align:right; padding-top:40px; position:relative;}
                        #form2 .buttons-wrapper a { margin-left:30px;}
    .map {
              width:350px;
              height:365px;
              margin:0 0 26px;
    /*******

    Hi -
    While I am not familiar with the use of all the span tags I see,
    You said "currently on the "about us" option a sub menu drops down, ive worked out how to  add to this menu and change the words"
    What is the problem doing the same thing under the other top level item?

  • Need help formatting Spry drop down menu

    FYI, I'm using CS3 on a Mac.
    I'm working on a full CSS layout of a page in a site. OK, not
    full CSS, I have a table controlling the text in the main content
    area. I need a drop down menu for this page, so I inserted a spry
    menu bar for the page navigation. *phew*! The learning curve on
    that is killing me! :) Just trying to get the menu items spread out
    ("full justify") has take me forever. I'm still having some major
    issues.
    Can someone tell me which styles to adjust to fix the things
    below? I think I have fixed most of it, but can't figure out these
    items:
    1. I want the sub menu items to have normal font weight (but
    the main menu items should remain "bold"
    2. I want the sub menu items' background to extend at least
    past the end of the item. With some of the longer items, the
    background is cut off.
    3. I want the border back around the sub menu items. It was
    there originally, but I some how removed it and can't get it back.
    I don't want a border around the main menu items.
    4.
    Most importantly! The sub menu items don't line up
    vertically in IE on my PC. They fall into several horizontal rows
    that run off the side of the page - almost impossible to use!
    5. Oh, and I almost forgot, the submenu is now showing up all
    the way on the left side of the page. It should be directly below
    the "Participating Farms" link.
    This is the page:
    http://www.nectfarmersmarket.org/farmse.html
    Thank you!

    Can anyone tell me if this is the right place for this
    thread?
    Thanks,

  • Need help please with drop down menu

    AS2 I created a drop down menu for my portfolio. my setup is my site mc, within that mc it my portfolio and the drop down menu with five buttons. I want to link on of those button not to the root, but in the same area as the drop down menu/ this is how it is set up.
    sceen1 and inside sceen1 is navebar with the drop down menu. Inside the menu are my buttons. I dont need it to link at the root(sceen1) I need to link one of the buttons to a frame in the navbar area. Sorry and I hope you can understand what I wrote.

    What code have you tried?  Where do you have the code planted?  If you plant all of the code in one place, such as the main timeline then it might be easier for you to manage targeting whichever objects you intend to.

Maybe you are looking for

  • Structuring a Business Area for Reporting Periods and Points in Time

    Dear all, I'm in the process of designing my first business area for discoverer. The database is for people staying in accommodation over various periods. (Anything from individual days to periods of 15 years!!) The reports I'm producing fall into tw

  • Print to go and Windows 8.1 not working

    Recently moved to Windows 8.1. System on-line and full access to internet. Select Print to go  and when it tries to connect it says that the ptg web page can not be opened. This heppens when the window to select the playbook device should open Old XP

  • Problems with java.lang.Double in a Pojo

    Hi! I'm getting some problems with a Double (wrapper class) in a sub-report related with a Pojo. The exception has more than 100 lines. It's starts with: at com.crystaldecisions.sdk.occa.report.application.ds.a(Unknown Source)      at com.crystaldeci

  • Seeing duplicate files in Soundtrack Pro

    In the search tab I see to be getting 2 of each sound file appear. Is there away to make it so I only get one? Eg. I get the file 'Whoosh Down.caf' appear twice.

  • Bug each time I build an application

    With v2009f2, after building executable, If I build an installation or an other executable labview freeze. Thanks for your help. Patrick