Drop down menu in error
This is a strange one. I don't even know if I can explain it properly, so please bear with me
I have a form that I have made fillable, a very simple form, nothing out of the ordinary. When I sent it to my client, the fillable portions worked perfectly, as they did on my computer. When my client forwards the form to the end user within her organization, 2 of the fields turn into drop down menus, offering choices of words that the end user has typed into her computer recently ie: her last name, dates, dollar amounts, etc. This only happens on 2 of the last 4 fillable fields of the form. Also, when the end user sent it to someone else in her department, the same thing happened.
Does anyone have any ideas about what could be happening?
Thanking you in advance
Hi George,
My apologies, as I was cleaning up my emails this morning, I realized that I did not properly thank you for your help with this problem. My client and I did exactly as you suggested and the problem went away.
Thank you so much for your time and effort in helping me out.
I have marked your help as "Correct" please let me know if I can do anything else.
Thanks again George!
Judy
Similar Messages
-
CS5 drop down menu script errors
Hello,
I'm fairly new to flash and actionscript 3. I've started working on a drop down menu and I keep running into the following errors.
1120: Access of undefined property Moiveclip.
1118: Implicit coercion of a value with static type Object to a possibly unrelated type flash.display:DisplayObject.
Both compiler errors point to this line of code - navBar_mc.setChildIndex(event.target as Moiveclip, 1);
Actoinscripting:
import flash.filters.GlowFilter;
import flash.events.MouseEvent; var navBtnGlow:GlowFilter = new GlowFilter (0x999999, 0.5, 0, 15, 1, 2, true, false);
navBar_mc.addEventListener(MouseEvent.MOUSE_OVER, navOverF);
navBar_mc.addEventListener(MouseEvent.MOUSE_OUT, navOutF); function navOverF(event:MouseEvent):void{
event.target.filters = [navBtnGlow];
navBar_mc.setChildIndex(event.target as Moiveclip, 1);
dropMenus_mc.gotoAndStop(navBar_mc.getChildAt(1).name); }
function navOutF(event:MouseEvent):void{
event.target.filters = [];
any suggestions..?
I've also included a link the fla file.
-Jason
fla file:
http://www.photorexit.com/menu.zipJesse,
Thanks for the post and reply.
I changed the line of code you suggested - dropMenus_mc.gotoAndStop(navBar_mc.getChildAt(0).name);
Unfortunaltely I still receive the following report when I rollover the menu button. The menu doesn't drop down either.
RangeError: Error #2006: The supplied index is out of bounds.
at flash.display::DisplayObjectContainer/setChildIndex()
at menu_fla::MainTimeline/navOverF()
Im not quite sure whats going on with it....?
At this point im pretty clueless.
If you have any other suggestions, I'm all ears
-Jason -
I have two faults! 1, an error comes up in Ps CC 2014 "could not apply the saved panel configuration, restring to default and my tools have disappeared completely and anything ive tried I cannot get them back not even the drop down menu in 'window' helps at all. And 2, Lr everytime I load it up it gives me the option to retry or switch to and it takes a while for me to even get anywhere with it I think it has something to do with the catalogs? I've been using these programs for a few years now on a Mac...no problem but when I use a PC when I'm away coz it's the (only) comp available these happen PC's are so useless! Please can anyone help??...
I can give a few suggestions on Photoshop CC 2014, but Lightroom is a separate forum and you should ask Lr questions there.
First close Photoshop.
Then start Photoshop by double-clicking on it's icon and very quickly after that, hold down the ctrl-alt-shift keys until you see the reset dialog. answer "Yes" to delete settings, and let Photoshop continue to load.
It's tricky to do and may take a few tries, but at least it should reset Photoshop CC 2014 to defaults.
Gene -
Error due to drop down menu in the dataTable
I have a data table which has a drop down menu in one of the table columns. When the drop down menu is disabled, every action in the page works (click on it, and it does what it does). When the drop down menu is enabled, every action (with one exception) in the page does not work (click on it, it refreshes the page, but the action is not fired). I cannot debug the thing because the action is not fired at all.
The exception is that for buttons that is marked as immediate, it works. I created an inline message, and wire that to the dropdown menu. I do not see any error. Looking into the log file, I do not see anything.
I was suspecting maybe conversion error. The data value for the drop down menu is integer (I try both setting the convert to integer and nothing). Even there's error in conversion, there should be error message showing up (in the inline message box).
So, again, how do I diagnos this, and to find out what is going on?
Thank you very much.
Vh.Thank you for your attention.
The bug link is:
https://javaserverfaces.dev.java.net/issues/show_bug.cgi?id=51
I thought I could add attachment afterward, but I couldn't. Please add these for me:
//////////////////////////////////////////////////// Page3.jsp //////////////////////////////////////////////////////////////////
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page">
<jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
<f:view>
<html lang="en-US" xml:lang="en-US">
<head>
<meta content="no-cache" http-equiv="Cache-Control"/>
<meta content="no-cache" http-equiv="Pragma"/>
<title>Page3 Title</title>
<link href="resources/stylesheet.css" rel="stylesheet" type="text/css"/>
</head>
<body style="-rave-layout: grid">
<h:form binding="#{Page3.form1}" id="form1">
<h:dataTable binding="#{Page3.dataTable1}" headerClass="list-header" id="dataTable1" rowClasses="list-row-even,list-row-odd"
style="height: 111px; left: 60px; top: 120px; position: absolute" value="#{Page3.dataTable1Model}" var="currentRow" width="360">
<h:column binding="#{Page3.column1}" id="column1">
<h:outputText binding="#{Page3.outputText1}" id="outputText1" value="#{currentRow.c1}"/>
<f:facet name="header">
<h:outputText binding="#{Page3.outputText2}" id="outputText2" value="column1"/>
</f:facet>
</h:column>
<h:column binding="#{Page3.column2}" id="column2">
<h:outputText binding="#{Page3.outputText3}" id="outputText3" value="#{currentRow.c2}"/>
<f:facet name="header">
<h:outputText binding="#{Page3.outputText4}" id="outputText4" value="column2"/>
</f:facet>
</h:column>
<h:column binding="#{Page3.column3}" id="column3">
<f:facet name="header">
<h:outputText binding="#{Page3.outputText6}" id="outputText6" value="column3"/>
</f:facet>
<h:selectOneMenu binding="#{Page3.dropdown1}" converter="#{Page3.integerConverter1}" id="dropdown1" value="#{currentRow.c3}">
<f:selectItems binding="#{Page3.dropdown1SelectItems}" id="dropdown1SelectItems" value="#{Page3.dropdown1DefaultItems}" />
</h:selectOneMenu>
</h:column>
</h:dataTable>
<h:outputText binding="#{Page3.outputMesg}" id="outputMesg" style="height: 32px; left: 240px; top: 50px; position: absolute; width: 180px"/>
<h:outputText binding="#{Page3.outputText8}" id="outputText8" style="height: 30px; left: 60px; top: 50px; position: absolute; width: 162px" value="Message:"/>
<h:commandButton action="#{Page3.button1_action}" binding="#{Page3.button1}" id="button1"
style="height: 25px; left: 300px; top: 260px; position: absolute; width: 109px" value="Say Hello"/>
<h:message binding="#{Page3.inlineMessage1}" errorClass="errorMessage" fatalClass="fatalMessage" for="dropdown1" id="inlineMessage1"
infoClass="infoMessage" showDetail="false" showSummary="true"
style="height: 102px; left: 60px; top: 300px; position: absolute; width: 360px" warnClass="warnMessage"/>
<h:outputText binding="#{Page3.outputText5}" id="outputText5" style="height: 30px; left: 60px; top: 260px; position: absolute; width: 120px" value="Error Message:"/>
</h:form>
</body>
</html>
</f:view>
</jsp:root>//////////////////////////////////////////////////// Page3.java //////////////////////////////////////////////////////////////////
* Page3.java
* Created on August 10, 2004, 10:35 AM
* Copyright hovh
package webapplication1;
import javax.faces.*;
import com.sun.jsfcl.app.*;
import javax.faces.component.html.*;
import com.sun.jsfcl.data.*;
import java.util.*;
import javax.faces.component.*;
import javax.faces.convert.*;
public class Page3 extends AbstractPageBean {
// <editor-fold defaultstate="collapsed" desc="Creator-managed Component Definition">
private int __placeholder;
private HtmlForm form1 = new HtmlForm();
public HtmlForm getForm1() {
return form1;
public void setForm1(HtmlForm hf) {
this.form1 = hf;
private HtmlDataTable dataTable1 = new HtmlDataTable();
public HtmlDataTable getDataTable1() {
return dataTable1;
public void setDataTable1(HtmlDataTable hdt) {
this.dataTable1 = hdt;
private DefaultTableDataModel dataTable1Model = new DefaultTableDataModel();
public DefaultTableDataModel getDataTable1Model() {
return dataTable1Model;
public void setDataTable1Model(DefaultTableDataModel dtdm) {
this.dataTable1Model = dtdm;
private UIColumn column1 = new UIColumn();
public UIColumn getColumn1() {
return column1;
public void setColumn1(UIColumn uic) {
this.column1 = uic;
private HtmlOutputText outputText1 = new HtmlOutputText();
public HtmlOutputText getOutputText1() {
return outputText1;
public void setOutputText1(HtmlOutputText hot) {
this.outputText1 = hot;
private HtmlOutputText outputText2 = new HtmlOutputText();
public HtmlOutputText getOutputText2() {
return outputText2;
public void setOutputText2(HtmlOutputText hot) {
this.outputText2 = hot;
private UIColumn column2 = new UIColumn();
public UIColumn getColumn2() {
return column2;
public void setColumn2(UIColumn uic) {
this.column2 = uic;
private HtmlOutputText outputText3 = new HtmlOutputText();
public HtmlOutputText getOutputText3() {
return outputText3;
public void setOutputText3(HtmlOutputText hot) {
this.outputText3 = hot;
private HtmlOutputText outputText4 = new HtmlOutputText();
public HtmlOutputText getOutputText4() {
return outputText4;
public void setOutputText4(HtmlOutputText hot) {
this.outputText4 = hot;
private UIColumn column3 = new UIColumn();
public UIColumn getColumn3() {
return column3;
public void setColumn3(UIColumn uic) {
this.column3 = uic;
private HtmlOutputText outputText6 = new HtmlOutputText();
public HtmlOutputText getOutputText6() {
return outputText6;
public void setOutputText6(HtmlOutputText hot) {
this.outputText6 = hot;
private HtmlOutputText outputMesg = new HtmlOutputText();
public HtmlOutputText getOutputMesg() {
return outputMesg;
public void setOutputMesg(HtmlOutputText hot) {
this.outputMesg = hot;
private HtmlOutputText outputText8 = new HtmlOutputText();
public HtmlOutputText getOutputText8() {
return outputText8;
public void setOutputText8(HtmlOutputText hot) {
this.outputText8 = hot;
private HtmlCommandButton button1 = new HtmlCommandButton();
* Holds value of property tableData.
private ArrayList tableData;
public HtmlCommandButton getButton1() {
return button1;
public void setButton1(HtmlCommandButton hcb) {
this.button1 = hcb;
private HtmlSelectOneMenu dropdown1 = new HtmlSelectOneMenu();
public HtmlSelectOneMenu getDropdown1() {
return dropdown1;
public void setDropdown1(HtmlSelectOneMenu hsom) {
this.dropdown1 = hsom;
private DefaultSelectItemsArray dropdown1DefaultItems = new DefaultSelectItemsArray();
public DefaultSelectItemsArray getDropdown1DefaultItems() {
return dropdown1DefaultItems;
public void setDropdown1DefaultItems(DefaultSelectItemsArray dsia) {
this.dropdown1DefaultItems = dsia;
private UISelectItems dropdown1SelectItems = new UISelectItems();
public UISelectItems getDropdown1SelectItems() {
return dropdown1SelectItems;
public void setDropdown1SelectItems(UISelectItems uisi) {
this.dropdown1SelectItems = uisi;
private IntegerConverter integerConverter1 = new IntegerConverter();
public IntegerConverter getIntegerConverter1() {
return integerConverter1;
public void setIntegerConverter1(IntegerConverter ic) {
this.integerConverter1 = ic;
private HtmlMessage inlineMessage1 = new HtmlMessage();
public HtmlMessage getInlineMessage1() {
return inlineMessage1;
public void setInlineMessage1(HtmlMessage hm) {
this.inlineMessage1 = hm;
private HtmlOutputText outputText5 = new HtmlOutputText();
public HtmlOutputText getOutputText5() {
return outputText5;
public void setOutputText5(HtmlOutputText hot) {
this.outputText5 = hot;
// </editor-fold>
public Page3() {
// <editor-fold defaultstate="collapsed" desc="Creator-managed Component Initialization">
try {
dropdown1DefaultItems.setItems(new String[] {"1", "2", "3"});
} catch (Exception e) {
log("Page3 Initialization Failure", e);
throw e instanceof javax.faces.FacesException ? (FacesException) e : new FacesException(e);
// </editor-fold>
// Additional user provided initialization code
tableData = new ArrayList();
tableData.add(new webapplication1.TableEntry("c1_1", "c2_1", 1));
tableData.add(new webapplication1.TableEntry("c1_2", "c2_2", 2));
tableData.add(new webapplication1.TableEntry("c1_3", "c2_3", 3));
this.dataTable1Model.setWrappedData(tableData);
protected webapplication1.ApplicationBean1 getApplicationBean1() {
return (webapplication1.ApplicationBean1)getBean("ApplicationBean1");
protected webapplication1.SessionBean1 getSessionBean1() {
return (webapplication1.SessionBean1)getBean("SessionBean1");
* Bean cleanup.
protected void afterRenderResponse() {
* Getter for property tableData.
* @return Value of property tableData.
public ArrayList getTableData() {
return this.tableData;
* Setter for property tableData.
* @param tableData New value of property tableData.
public void setTableData(ArrayList tableData) {
this.tableData = tableData;
public String button1_action() {
// User event code here...
this.outputMesg.setValue("Hello world!");
return null;
}//////////////////////////////////////////////////// TableEntry.java //////////////////////////////////////////////////////////////////
* TableEntry.java
* Created on September 3, 2004, 2:38 PM
package webapplication1;
* @author hovh
public class TableEntry {
String c1;
String c2;
int c3;
String c3Str;
public TableEntry(String c1, String c2, int c3){
this.c1 = c1;
this.c2 = c2;
this.c3 = c3;
public String getC1() {
return c1;
public void setC1(String c1) {
this.c1 = c1;
public int getC3() {
return c3;
public void setC3(int c3) {
this.c3 = c3;
public String getC2() {
return c2;
public void setC2(String c2) {
this.c2 = c2;
public java.lang.String getC3Str() {
return "" + c3;
public void setC3Str(java.lang.String c3Str) {
this.c3Str = c3Str;
try{
c3 = Integer.parseInt(c3Str);
}catch(Exception e){ -
As you can tell, this is my first post
I am attempting to make changes to my itunes account, but when I hit done, an error message "enter at most 3 letters or numbers for province" appears. I have not attempted to make any modificaitons to this field. The only options I have for data in this field are picked from a drop down menu. I have no idea why this msg is appearing. Any ideas on why it is showing up? Thanks.There seems to be at least one package that can't be located. See the message below from you log file
Requesting locations synchronously for content SDC00003.2
with priority Medium ContentAccess 4/3/2015 1:30:51 PM 2644 (0x0A54)
The number of discovered DPs(including Branch DP and Multicast) is 0 ContentAccess 4/3/2015 1:30:51 PM 2644 (0x0A54)
My Blog: http://www.petervanderwoude.nl/
Follow me on twitter: pvanderwoude -
I can't print, print preview, nothing. I have several printers associated with this computer, including an HP, and PDF creator - none of these appear in a drop down menu, there is no error message, yet these all function fine if I am not on the internet!
No errors in error console. No effect using *. I tried using the dns name of my localhost both in the Firefox URL and in the javascript and I get exactly the same. I have spent a huge amount of time looking into this issue.
One thing I noticed is that if I use the examples on the internet (http://arunranga.com/examples/access-control/preflightInvocation.html or http://saltybeagle.com/cors/) they work in the same browser. These examples however, are accessed through HTTP proxies.
I am wondering if the issue has to do with using the same hostname just with different ports. -
Error message based on text in a drop-down menu...
So I have a simple number field and a text drop-down box (with, let's say, the values "Blue", "Red" and "Green".)
I want to set a minimum and maximum (say between 5 and 20) value on the number field and send an error if the user enters a number outside of that range. BUT the range can be different depending on if the user selects Blue, Red or Green from the drop-down menu.
So for Blue, the range might be 5-20; for Red 7-22, and Green 10-25.
SO if the user chooses Blue then enters a 4 or a 21, he'll get an error message prompting him to specifiy a value that is from 5-20.
That's it, in a nutshell.
Any help I could get would be awesome. Thanks in advance.
Thanks,
T.There are several events to consider here:
1. The drop-down value is changed without any values in the text field
2. The drop-down value is changed with a value in the text field
3. The value of the text field is changed (I'm assuming there's no "blank" value in the drop-down, or there will be another event, where the value of the text field is changed when the "blank" option is selected)
You need to decide how to treat each event. I would recommend resetting the text field each time the value of the drop-down is changed. Otherwise you will need to perform the validation from two different sources.
To do that add the following code to the drop-down's custom validation script (replace "Text1" with the actual field's name):
this.resetForm(["Text1"]);
The code you can use for the text field can be something like this, as the custom validation script (replace "Color Selection" with the actual field's name):
event.rc = true;
if (event.value) {
var color = this.getField("Color Selection").value;
var min=0,max=0;
if (color=="Blue") {
min = 5;
max = 20;
} else if (color=="Red") {
min = 7;
max = 22;
} else if (color=="Green") {
min = 10;
max = 25;
var v = Number(event.value);
if (v<min || v>max) {
app.alert("Error! The value must be between " + min + " and " + max);
event.rc = false; -
Add value entered in a text box to drop down menu options
hi everyone
i am making a pdf form for medical imaging report. i have a text box where the users enters a number, i want this entered number to appear within a drop down menu options
thanksHi Alexander,
I can explain you the details there is a list as you mentioned Newsletter with a column email in it you are right but for your answer ya i can use enforce unique values for that column but if i am using it it gives me an error in the next page what i want
is just beside my text box to say that already registered user.I want that functionality that is what i meant.
Thanks
Eswar
Eswar Chand Teki -
How do I select a range of values in MySQL using a drop down menu
Hi,
I have a database of picture frames that have a value of
frame width. I want to be able to select a range of values (i.e.
.50" to 1") instead of each and every value (i.e. .50", .56", .76",
etc.). I have a drop down menu (mnuWidth) with 5 ranges (see
attached code).
Each selection has a value from 1 to 5 indicating the range I
want to search. In my results page I have let DW set up a recordset
(see attached code)
Can anyone tell me how to get this to choose a range instead
of just the value entered by my menu?
Thanks in advance.
TomI have been growing fond of lookup tables. Your lookup table would have your numbers in one column and the values you want returned in the next.
Lookup table
item
Name
1
a
2
b
3
c
4
d
5
e
6
f
7
g
8
h
9
i
Input table
input
Name
1
a
B2 and copied down:
LOOKUP(A2,lookup::$A$2:$A$11,lookup::$B$2:$B$11)
Caution: Lookup will return the closest value so it it looks for "10" in this example it will return "i"
If you don't want to see the error messages from blank inputs, wrap Lookup in IFERROR.
hope this helps
q -
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’ passion for food using the freshest, local and seasonal produce combined with Amanda’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 © 2013 • <a href="Privacy.html" class="link2">Privacy policy</a> •
<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? -
Form2mail how do I set up the form to sent to a recipient selected from a drop-down menu?
I am trying to configure dreamweaver form2mail to be able to send the information submitted to individual employees. I would like the form to be set up where as you choose the recipient form a drop down menu and the only that recipient would receive the information collected on the form. I can't seem to find any information on this. I can only find info on sending to multiple recipients at the same time. I only want the recipient that is selected to receive the form information.
Alternatively, can anyone recommend a low cost or FREE form to mail system.
Thanks in advance for your assistance!Jim, That is exactly what I need. I'm using Form2Mail the Dreamweaver extension for Adobe Dreamweaver. It only gives me the option to send to one email address or cc to multiple not individual sends.
Here is the html
<form action="/HDWForm2Mail/Form2Mail.php" method="post" enctype="multipart/form-data" name="form1" id="form1" accept-charset="iso-8859-1">
<p>
<label for="message"></label>
<textarea name="message2" id="message" cols="50" rows="5"></textarea>
</p>
<table width="429">
<tr>
<td><strong>Recipient:</strong></td>
<td><label for="recipient"></label>
<select name="recipient" id="recipient">
<option value="[email protected]">Mr. Person 1</option>
<option value="[email protected]">Mr. Person 2</option>
<option value="[email protected]">Mr. Person 3</option>
</select></td>
</tr>
<tr>
<td><strong>Your Email Address:</strong></td>
<td><label for="email"></label>
<input type="text" name="email" id="email" /></td>
</tr>
<tr>
<td><strong>Attachment:</strong></td>
<td><label for="file"></label>
<input type="file" name="file" id="file" /></td>
</tr>
<tr>
<td colspan="2"><strong>To Submit your email, click the SEND button:
<input name="send" type="submit" id="send" onclick="MM_validateForm('email','','RisEmail','message','','R');return document.MM_returnValue" value="Send" />
</strong></td>
</tr>
</table>
<input type="hidden" name="hdwemail" id="hdwemail" value="lisa+email.com" />
<input type="hidden" name="hdwok" id="hdwok" value="http://ricochec.com/thank-you.html" />
<input type="hidden" name="hdwnook" id="hdwnook" value="http://ricoche.com/error.html" />
</form> -
Combine supported files in acrobat missing in acrobat x pro when I right click drop down menu
combine supported files in acrobat missing in adobe x pro when I right click drop down menu also Convert to Adobe PDF is missing too. The open with & share with options are gone too when I right click files. My computer crashed & I had to have the motherboard replaced. The tech store put some of my programs back on my compter but not sure how or if they did stuff correctly. Need help fixing my problem becasue I use this all the time. Thanks
I'm having the same issue. I got a new PC, insalled Acrobat X pro and when I right click on an Office file, I could not combine or convert Office files to PDF. I upgraded to Acrobat XI and still no fix. I triled to convert or combine office files to PDF from within Acrobat and I get an error message saying "Acrobat does not support the conversion of one or more of your files to PDF. Please remove these files or go to Settings and choose the PDF Portfolio option".
I've tried to convert or combine Office 2003, 2007, 2010 and 2013 files and none work. The weird thing is that the option shows up for Excel .csv files. Even more werid is that I have the PDF tabs showing in the Office applications.
I contacted Adobe support via chat and they were unable to help. I was directed here, so any help would be great.
Thanks. -
Drop-down menu in Dreamweaver CS5.5 not displaying
Thanks for anyone's help. I'm a first time user of the forum so please excuse any protocol errors.
I can't get my drop-down menu to display on my web page (http://www.cglcontracting.com/) on a Windows platform using Dreamweaver CS5.5.
Thanks very much for any advice/help.Hi again -
My previous suggestion did not seem to make any difference, the CSS still did not validate.
I seems to be choking on your Browser Hack section.
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.cglcontracting.com%2FSpr yAssets%2FSpryMenuBarHorizontal.css&profile=css3&usermedium=all&warning=1&vextwarning=&lan g=en
I re-wrote the bottom Browser Hack section and it now validates.
I'll paste the whole CSS file here, Save it as "SpryMenuBarHorizontal.css" and give it a try.
@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: 0;
padding: 0;
list-style-type: none;
font-size: 90%;
cursor: default;
width: auto;
color: rgb(153,153,153);
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
background-color: rgb(255,255,255);
vertical-align: middle;
/* 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
color: rgb(153,153,153);
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
float: left;
color: rgb(0,255,0);
overflow: hidden;
visibility: inherit;
/* 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
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
color: rgb(204,204,204);
top: 0px;
overflow: auto;
visibility: inherit;
margin-top: -5%;
margin-left: 95%;
/* 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
color: rgb(204,204,204);
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-variant: small-caps;
text-transform: uppercase;
background-color: rgb(255,0,0);
left: auto;
width: auto;
z-index: auto;
visibility: inherit;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
text-align: left;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
background-color: rgb(204,204,204);
margin-top: -5%;
margin-right: 0;
margin-bottom: 0;
margin-left: 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: 100px;
background-color: rgb(204,204,204);
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 0px none #CCC;
margin-top: 0%;
margin-right: 0%;
margin-bottom: 0%;
margin-left: 0%;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #F00;
color: #003;
text-decoration: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
padding-top: 1.2ex;
font-weight: bold;
vertical-align: middle;
padding-bottom: 0.53em;
/* 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: #000;
color: rgb(255,255,255);
text-align: center;
/* 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: #900;
color: #066;
text-align: center;
vertical-align: middle;
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: 98% 50%;
background-color: rgb(255,0,0);
color: rgb(0,0,51);
/* 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: 98% 50%;
background-color: rgb(204,204,204);
visibility: inherit;
/* 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: 98% 50%;
background-color: rgb(153,0,0);
visibility: visible;
/* 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: 98% 50%;
background-color: rgb(153,153,153);
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.MenuBarVertical iframe
position: absolute;
z-index: 1010;
/* 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.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF; -
I have two issues here. www.newstribune.com. I know some of
this may be css issues, but I am aweful with css and could use a
cheat sheet for the css that dreamweaver makes for these drop down
menus, so I know what controls what...
ok..
IE 6.0 will scroll out the drop down menu options but will
not allow the click... any ideas?
IE 7.0 renders the drop down menu's properly, but my front
page (and front page only) in firefox, the drop downs are off set.
I have no idea why...
Please not that the drop downs were made into an include and
are rendered on all the pages. (It is a process so, you may find
some pages that don't have the new drop downs if you poke around a
lot.)
lastly, if anyone knows what code I should strip out of the
drop down menu include in order to not cause the errors but still
allow it to be opened in Dreamweaver, can you please let me know?
If that is not possible, what should I remove? The entire code is
below.
_________hello, thanks for reporting. hopefully it will help other affected users finding a solution too...
-
Drop down menu to left instead of below
HI, I have created a drop down menu in Dreamweaver 8 (since I can't install my CS4).
Anyways everything looks fine and works fine on IE, FireFox and safari when I look at the site but when I sent the link to my client to review the site the drop down for one of the headings pops up to the left on the screen.
I cannot see the problem when looking at the code and I have 2 computers and a laptop and I don't see the problem. But apparently all of their employees see the drop down to the left for the "Education" heading.
Can someone have a look or let me know why this is happening?
http://csrt.com/New/en/index.asp
Thank youThe dropdown works for me correctly in FFs and IE7. However, when I put the page through the validator you get quite a few errors:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fcsrt.com%2FNew%2Fen%2Findex.asp
On looking at the code however, I see the javascript for the MM menus right at the top of the document, which is why the validator is throwing the first error..... this is throwing the page into quirks mode and very likely causing the problem with your clients viewing the page.
That js code should be in the head of the document, not above the doctype line.... did you move the js into the document at any time?
You do realise that those menus are not highly regarded and should not be used - read why:
http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
http://apptools.com/rants/jsmenu.php
http://apptools.com/rants/menus.php
Maybe you are looking for
-
USBOTG and Charge Simultaneously on Stream 8
To keep this thread as efficient and productive as possible for all those who it will be useful to: Unless you have in front of you 1. A schematic of the Stream 8 USB port (USB port and battery power circuit etc) 2. Source code of the BIOS firmware a
-
Vendor & Customer balance confirmation
As you know there is possible to use F.17 and F.18 for printing balance confirmation for vendors and customers. Is there existing any transaction and printout, which helps to print both information on one printout when customer and vendor are the sam
-
Reading internal table into File Adapter
Hi, I would like to read an internal table from RFC function (sender), and write all the rows into the file by using File Adapter. Here is the scenerio; RFC Adapter -> XI -> File adapter Internal table content, below; FLD1 FLD2 FLD3 1 A
-
T-61 Visat Prof. 32bit does not recognize internal 1TB SATA HDD
Hi, I just bought 1TB WD internal SATA 2.5" hard drive and connected to USB of my laptop via SATA external adaptor but my laptop does not recognize this driver. I have Windows Vista 32bit OS. Any advise how I can fix this? My intent is to transfer al
-
Hi All, i am trying to create a XML iview and want to hook up a custom xml transformer(an XSLT) to the XML source. but i am unable to get the right kind of documentation to do this. I tried http://help.sap.com/saphelp_nw04/helpdata/en/18/42de41f