CSS Dropdown menu, problems of positioning in IE7

Similar Questions

• Dropdown Menu problem Dynamics

  Hi all
  
  Hope someone can help me with this little problem. I am filling a form of dynamic dropdown menu using data from my database. Store values in a single column of my database... However, there are duplicated in some records and no name in other names and I want that my drop-down menu to display only one option at a time... then...
  
  Rather than view this:
  
  option01
  option01
  option02
  option03
  option03
  
  I just like it to appear:
  option01
  option02
  option03
  
  My SQL to query the database is:
  
  SELECT *.
  OF databasetable
  WHERE databasefield IS NOT NULL
  ORDER BY databasefield ASC
  
  But what I need is something like:
  SELECT *.
  OF databasetable
  WHERE databasefield IS NOT NULL and does not multiple records with the same value
  ORDER BY databasefield ASC
  
  Problem is that I don't know the code to achieve and does not multiple records with the same value
  
  Any help much appreciated.
  Steve

  Dave

  Thank you very much... I've knew the SEPARATE command but could not work out where in the code is to be placed. As always a simple answer when you know how, but it takes someone competent and friendly enough to help others.

  Dave, your help is much appreciated.
  Steve

• My message to process is behind my CSS dropdown menu (issue 25)

  Hi all

  Is anyone using the CSS menu drop down with the list of APEX that Scott Wesley gives a tutorial on how to go?  According to the guidelines of this blog: base Oracle: CSS menu using APEX list drop-down

  His departure from here: ultimate Horizontal Drop-Down Menu Demo | Free CSS Menu drop-down framework

  Im running APEX 4.2.4... Ive just crossed to March and updated the application to issue 25. Ive also successfully installed the CSS drop according to the tutorial from Scott... Everything works great and I got to rebuild the application to use with theme 25...

  However, Ive suddenly found that when I get a message error or process jump towards the top of the page as a result of insert/update, or a validation error. , the drop down menu is always on... (i.e. the message box and the content behind the menu..)

  Ive tried to change the regions to my menu list, without success. I guess only he the some CSS is not quite right.

  Ill download a trial on the site, but is anyone using this and hit the same error...?

  For the CSS for the reference excluding images model is:

  <div id="navwrap">
<ul id="nav" class="dropdown dropdown-horizontal" style="margin-bottom:10px;">

  <style>

  ul {

    list-style-type: none;

  }

  #navwrap {

    float:left;

    width:100%;

    margin-bottom:4px;

    background:#f6f6f6;

    border-style:solid;

    border-color:#d9d9d9 #d9d9d9 #d9d9d9;

    border-width:1px 1px 1px 0;

  }

  </style>

  Thank you very much

  Richard

  Richard Legge wrote:

  Thanks Scott... Now on to the next challenge... Speed up the load Enkitec Navbar, as the unformated menu is located at the corner for a while sometimes... I saw that you can move the files to support for the file system, but I am running with EPG, so I don't think that I can refer to external files...

  What is important is not that the style sheet is stored in the file system, but it is referenced in the page head element (as required by the HTML specification) is available when the browser starts to build the DOM model. You can use an external style sheet located in the APEX or XMLDB repository rather than the file system and refer to this in the page CSS file URL property or the templates or put the rules in the CSS Inline property page template.

  Enkitec vertical list Navbar appears momentarily

  FAC586. Point taken. As always, his maximum weight the chances of the generation of the example on apex.oracle.com vs whether an easy answer...

  I been using CSS for more than 15 years and find that when you use the theme 25 and other new APEX themes here are a few easy answers. Stir in 3 party components and multiple devices and user agents and the possibility of a simple answer is remote. People with the answers do not always have a half hour is detached to reproduce a problem, but can spend 5 or 10 minutes watching an existing example. When it's your problem probably is to you to put the bulk of the effort in fixing it?

• CSS Dropdown Menu of centering

  Hey guys,.

  I have a little problem.

  I would like to focus my CSS Menu that is placed in a DIV tag so that it is centered below my picture in the header.

  http://jsfiddle.net/UxwQ5/ - here is a jfiddle to take a look.

  If someone could help it would be much appreciated.

  Thank you

  Luke

  CSS in a quick glance:

  {of NAV

  position: relative;

  Width: 1000;  / * Set the width if necessary * /.

  margin: 0 auto;

  padding: 0;

  text-align: center;

  z-index: 1000;

  height: 50;

  }

  NAV ul {}

  margin: 0;

  padding: 0

  }

  nav li {}

  list-style: none;

  do-size: 12px;

  float: left;

  text-align: center;

  do-family: Arial, Helvetica, without serif.

  }

  / * menu of top-level * /.

  nav li a {}

  display: block;

  text-decoration: none;

  right margin: 2px;   / * space between links * /.

  Width: 120px;   / * Adjust according to your needs or use auto * /.

  padding: 8px 15px;

  make-weight: bold;

  line-height: 4;

  color: #506F1A;

  border: 1px solid #FFF;

  Background: #FFF;

  text-align: center;

  }

  / * top menu style on mouse over * /.

  Li: hover NAV > a {}

  background-color: #444;

  color: #fff;

  }

  / * submenu * /.

  nav li ul {}

  display: none;

  text-align: center;

  margin: 0;

  Padding: 1em 0;

  Background: #444;

  Police-weight: normal;

  make-style: oblique;

  }

  / * submenu, help for the older IE * /.

  ul li: hover NAV, nav li.hover ul {}

  display: block;

  position: absolute;

  padding: 0;

  }

  nav li: hover li,

  nav li.hover li {float: none ;}}

  / * drop-down style * /.

  Li li: hover NAV, nav li.hover li a {}

  Width: 10em;  / * Adjust the width according to the needs or use auto * /.

  margin-top: 0;

  line-height: 1.25em;

  Police-weight: normal;

  border: none;

  }

  / * menu style drop down on mouse over * /.

  nav li li a: hover {}

  background: 444;

  color: #fff;

  }

  .nav nav {}

  text-align: center;

  }

  #navigation {of nav

  text-align: center;

  }

  
  

  Try adding display: inline-block to your nav ul rule:

  NAV ul {}

  Display: inline-block;

  margin: 0;

  padding: 0

  }

• Dropdowns Menu Spry flicker/Disappeing with IE7

  Hello Experts Spry,
  
  I worked to find a solution to this problem for weeks and have search many forums on how to not fix or none this result. Of course, FireFox works fine, but IE7 has a flickering problem / endangered on the Spry drop and it seems to happen only when it is contained directly below. This leads me to believe that it is a matter of z-index CSS that IE7 does not agree with. I use Spry pre-release 1.6 and my temporary Internet files from IE 7 automatically checks for newer versions. When the cursor is in the meantime drop IE menu items seems to want to active the "hideDelay" action comes from the SpryMenuBar.js file. If you select the first item in the menu drop-down menu to wait one second and then select the next item below and wait again, you can slow down also move downward without the drop endangered. However, this will not do for navigation and quickly irritate users.
  
  Here is a link to demonstrate the problem of flicker/disappearance in IE 7. http://www.obtain.com/WebTest/TopSideNavPage.html.
  
  This link shows that no content under the menu bar drop-down menus work perfectly.
  http://www.obtain.com/WebTest/TopSideNavPageNoContent.html.
  
  I really need a solution and fast, I appreciate this forum can provide any assistance.
  
  Kael

  Found the answer on another forum. It seems IE must have all instances of 'li' and 'a' tags defined with display: block in CSS. Now everything works fine.

• CSS DropDown Menu style

  Hello!

  I am trying to create a pull down menu in Dreamweaver. I have watched several tutorials and read many practical guides and my html code looks fine, but the style of editing is really throw me off. I'm a newbie to Dreamweaver, so I'm not sure properties that I need to do this right.  The code below, when I put the cursor on the first button of the menu drop-down goes behind the other two buttons.  I need the dropmenu turns off to the side buttons and down.  If this isn't the case, I can align the buttons to go horizontal, while they are not covered. I hope that makes sense.

  Thank you in advance!

  M

  HTML

  < div class= "dropdown" id= "drop" style = "" text-align: left; ">"

  < ul >

  < li > < a href = "#" > < /a > Americas

  < ul >

  < li > < a href = "#" > Connecticut < /a > < /li >

  < li > < a href = "#" > Ohio < /a > < /li >

  < li > < a href = "#" > Vermont < /a > < /li >

  < li > < a href = "#" > California < /a > < /li >

  < li > < a href = "#" > Canada < /a > < /li >

  < li > < a href = "#" > Brazil < /a > < /li >

  < /ul >

  < /li >

  < /ul >

  < ul >

  < li > < a href = "#" > < /a > China

  < ul >

  < li > < a href = "#" > China < /a > < /li >

  < /ul >

  < /li >

  < /ul >

  < ul >

  < li > < a href = "#" > < /a > Europe

  < ul >

  < li > < a href = "#" > France < /a > < /li >

  < li > < a href = "#" > UK < /a > < /li >

  < /ul >

  < /li >

  < /ul >

  < / div >

  STYLE

  #dropdown {
  margin: 0;
  Width: 150px;
  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;
  
  }

  #dropdown ul {
  margin: 0;
  padding: 0;
  line-height: 30px;
  
  }

  Li #dropdown {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  position: relative;
  
  }

  #dropdown ul li a {
  text-align: center;
  height: 30px;
  Width: 150px;
  display: block;
  Color: #000;
  text-decoration: none;
  border: 1px solid #000;
  text-shadow: 1px 1px 1px #000;
  background: #CCC;
  
  }
  #dropdown ul ul {
  position: absolute;
  visibility: hidden;
  top: 32px;
  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;
  }

  #dropdown ul li: hover ul {
  visibility: visible;
  position: absolute;
  }

  #dropdown li: hover {
  background: #7D92C6;
  float: left;
  }

  #dropdown ul li: hover ul li a: hover {
  Color: #000;
  background: #7D92C6;
  }

  
  #dropdown a: hover {
  Color: #000;
  background: #7D92C6;
  }
  
  .clearFloat {
  Clear: both;
  margin: 0;
  padding: 0;
  }

  I prefer to use HTML5 and the

• Problems of positioning in IE7

  I have one last question that I grew up at the end of my last post so I fugured, I would like to start a new. Everything on my index page is now looking how I want it except for the date of my block in the upper right corner. In IE 7 it is pushed down completely but its fine on everything else. I can't point out the problem and the Im out of ideas to try. My page is here and my code for my blocks date containing a div and css are lower than

  < div id = "topdiv" >
  "< a href ="index.html"> < img src =" images/logo.gif"alt ="Chalkboard Publishing Inc."class ="border"border ="0"/ > < /a > < img src =" images/toppic.png "alt ="together"class ="border"/ >

  <! - block date - >

  < div class = "outerbox" style = "float: right" >
  < div class = "datebox" > < br / >

  < script language = "Javascript" type = "text/javascript" >
  document. Write (MonthName [monthnum])
  < /script >
  < / div >
  < div class = "monthbox" >

  
  < script language = "Javascript" type = "text/javascript" >
  document. Write (Day)
  < /script >
  < / div > < img src = "images/table - bottom.gif" alt = "bottom" / >
  < / div >

  <! - end block Date - >

  ..........................................................

  ...............................................................
  
  < / div > <! - end topdiv - >

  {.outerbox}
  padding: 0px;
  Width: 120px;
  overflow: hidden;
  margin: 0px;
  Police-weight: 900;
  }

  {.datebox}
  font-size: 18pt;
  color: #fff;
  text-align: center;
  background-image: url (.. /images/Chalkboard-Top.gif);
  / * border-bottom: 1px #00aaaa solid;
  border-top: 1px #00aaaa solid;
  border-left: 1px #00aaaa solid;
  border-right: 00aaaa # 1px solid; * /
  Width: 120px;
  height: 60px banner;
  do-family: Comic without MS.
  }

  {.monthbox}
  font-size: 40pt;
  color: #fff;
  background-color: #00aaaa;
  text-align: center;
  height: 60px banner;
  do-family: Comic without MS.
  background-image: url (.. /images/Chalkboard-Mid.gif);
  Width: 120px;
  
  }

  I think, you can not Inline styles (images) followed by a float.  That's why I moved first, the floating element that worked.

  Conversely too, would be to give the 2 images a float: left rule and then let the float: right for date field...

  In both cases, I still think that you need to resize one of the images by up to 10px.  You can even get away with. 5px, 10px was easier to test :-)

  May I also point out that the page loads very slowly, you can optimize the images one a little more to make them faster loading.

  It is the result of the page through the web optimizer:

  IMAGES_SIZE - WARNING! The total size of your images is 340845 bytes, which is over 100K. Consider spending graphic formats to reach sizes of smaller files (from JPEG to PNG, for example). Finally, replace by CSS techniques for computer graphics techniques create spacing, backgrounds and colorful borders.

  You can do the test yourself at:

  http://www.websiteoptimization.com/services/analyze/

  or is it an a tool available through the web development for Firefox toolbar:

  Web Developer Toolbar

  http://chrispederick.com/work/Web-Developer/

  Hope this helps all :-)

• Dropdown menu problem-dependent

  I have 3 dependent dropdown menus of installation of dreamweaver that retrieves its data in a MySQL Table.

  When I use dreamweaver ot control the drop-down list, they work very well, but the data being entered into my db are the numerical value to control the drop-down list and not on the label. If I change the value of the drop-down list in dreamweaver to lable the drop-down list are dependent on more.

  I heard that I have to resolve foreign keys to solve this problem.

  I would apreciate any help I can get.

  My first painting is of the province:

  CREATE TABLE 'db '. "province")
  "id_prov" UNSIGNED INTEGER NOT NULL DEFAULT NULL AUTO_INCREMENT,
  'name_prov' VARCHAR (45) NOT NULL,
  PRIMARY KEY ('id_prov')
  )
  ENGINE type = InnoDB;

  Second is quoted:

  CREATE TABLE 'db '. 'city')
  "id_city" UNSIGNED INTEGER NOT NULL AUTO_INCREMENT,
  "idprov_city" INTEGER NOT NULL,
  'name_city' VARCHAR (65) NOT NULL,
  PRIMARY KEY ('id_city')
  )
  ENGINE type = InnoDB;

  Third is suburb:

  CREATE TABLE 'db '. "suburb")
  "id_suburb" UNSIGNED INTEGER NOT NULL AUTO_INCREMENT,
  "idprov_suburb" INTEGER NOT NULL,
  "idcity_suburb" INTEGER NOT NULL,
  'name_suburb' varchar (255) NOT NULL,
  PRIMARY KEY ('id_suburb')
  )
  ENGINE type = InnoDB;

  Province:

  From the code above, you store the id_prov which I believe it was an integer type (value ="" "). If you want to store the attribute name_prov, u should replace id_prov to name_prov.

  But as u said, if you store the name_prov, the other dropdown is not more dependent. It is true that the city table, there is one attribute that I guess is a foreign key (idprov_city) and set it as int. That is why if you use id_prov (int), the dependant works very well.

• DW6 css dropdown menu help

  eager to create a drop down list using css.  I created this using < ul > and < li > tags, but for some reason he looks right. My html code seems to be OK and I double checked the css and can't seem to find what I did wrong. I chose the tags in a tag to hide, the text is hidden, but the boxes are still displayed.  can someone help a rookie and see what I've done wrong?

  URL is vacationcribs.com

  THX. \

  @bits Mt,

  Please start a new discussion with CSS shadow in your subject line.

  Nancy O.

• Css Spry menu bar is not compatible with IE7? or compatibility view in IE8?

  Well I did my site

  . Swimmerbuddy.com

  Problem: I used the bar of menus spry on a div tag I've got it works very well on several browser and so on... but hmm. I noticed that IE7 and only on compatibility view the IE8 does not work...

  It seems that in the drop down menus covered by the main content underneath...

  I started DWT, that I made myself. It's the TPL and css than controll the TPL and the spry menu bar.

  PLEASE HELP ME... Thank you

  IT'S THE TPL PAGE RUNS AWAY

  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  "< html xmlns ="http://www.w3.org/1999/xhtml">".
  < head >
  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
  <!-TemplateBeginEditable name = "doctitle"-->
  < title > Untitled Document < /title >
  <! - TemplateEndEditable - >
  "" < link href = "... / CSS/main.css ' rel ="stylesheet"type =" text/css"/ >
  <!-TemplateBeginEditable name = "head"->
  <! - TemplateEndEditable - >
  < style type = "text/css" >
  a: link {}
  Color: #000;
  text-decoration: none;
  }
  < / style >
  "" < script src = "... / SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >
  "" < link href = "... / SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / >
  < style type = "text/css" >
  a: visited {}
  Color: #000;
  text-decoration: none;
  }
  a: hover {}
  text-decoration: none;
  Color: #000;
  }
  a: active {}
  text-decoration: none;
  }
  < / style >
  < / head >

  < body >
  < div id = 'wrapper' >
  < div id = "header" >
  "" "< div id ="networkicons"> < a href ="http://www.facebook.com/?ref=logo#! profile.php? id = 100001554936595"target ="_blank"" > < img src = ""... / _images/facebook.png "alt =" facebook.com "width ="45"height ="45"border ="0"title ="facebook.com"/ > < /a > < a href ="http://www.myspace.com/swimmerbuddy"TARGET ="_blank"" > < img src = ".." "" / _images/myspace.png "alt =" myspace.com"width ="44"height ="45"border ="0"title ="myspace.com"" / > < /a > < a href = "http://twitter.com/swimmerbuddy" TARGET = "_blank" > < img src = ".. "" / _images/twitter.png "alt =" twitter.com"width ="43"height ="45"border ="0"title ="twitter.com"" / > < /a > < a href = "http://www.youtube.com/swimmerbuddy1" TARGET = "_blank" > < img src = ".. "/ _images/youtube.png" alt = "youtube.com" width = "44" height = "45" border = "0" title = "youtube.com" / > < /a > < / div > "
  < div id = "buyNow1" >
  "" < p > < a href = "... / order_now.html" > < img src = "... / buynowbutton.png" alt = "bt1" width = "130" height = "25" border = "0" longdesc = "Order your Buddy swimmer today!" / > < /a > < /p >
  < / div >
  < / div >
  < div id = 'mainNav' >
  < ul id = "mainNavcontent" class = "MenuBarHorizontal" >
  "< li > < a href ="... / index.htm "> home < /a > < /li >"
  "< li > < a href ="... / swimmer.html "> boyfriend swimmer < /a > < /li >"
  "< li > < a href ="... / order_now.html "> order now < /a > < /li >"
  < li > < a href = "#" class = "MenuBarItemSubmenu" > Gallery < /a >
  < ul >
  "< li > < a href ="... / photo_gallery.html "> Photos < /a > < /li >"
  "< li > < a href ="... / video_gallery.html "> videos < /a > < /li >"
  < /ul >
  < /li >
  < li > < a href = "#" class = "MenuBarItemSubmenu" > Products Zinger < /a >
  < ul >
  "< li > < a href ="http://www.winkyscoop.com/ "> Winky Scoop < /a > < /li >"
  "< li > < a href ="http://www.1800succeed.com/ "> Hypmovation < / a > < /li>"
  "< li > < a href ="http://www.1800succeed.org/ "> 1800SUCCEED < / a > < /li>"
  "< li > < a href ="http://www.zingerproducts.com "> Zinger store < /a > < /li >"
  < /ul >
  < /li >
  "< li > < a href ="... / about.html "> about us < /a > < /li >"
  "< li > < a href ="... / contact.html "> contact us < /a > < /li >"
  < /ul >
  < / div >
  <!-TemplateBeginEditable name = "mainContent"->
  < div id = "pageInfo" >
  < div id = "info_page" >
  < class p = "regionID" > region ID < /p >
  < hr class = "breaklinePageInfo" / >
  < class p 'breadcrum' = > & gt; "< a href ="... / index.htm "> Breadcrum < /a > < /p >"
  < / div >
  < div id = "mainContent" >
  < div id = "content" >
  < p > main content goes its < /p >
  < / div >
  < / div >
  < / div >
  <! - TemplateEndEditable - >
  <!-TemplateBeginEditable name = "buynow2"->
  "" < div id = "buyNow2" > < a href = "... / order_now.html" > < img src = "... / buynowbutton.png" width = "130" height = "25" / > < / has > < / div >
  <! - TemplateEndEditable - >
  < div id = "footer" >
  < div id = "footertext" >
  < class p = "footertextclass" > Copyright © 2010 SwimmerBuddy.com. All rights reserved. "SwimmerBuddy.com part of < a href ="http://www.zingerproducts.com"class ="footertextclass"> Products Zinger < /a >." Designated brands and trademarks are the property of their respective owners. This page was last updated on September 28,2010. Swimmer Buddy - Pattent pending 2010 < /p >
  < / div >
  < div id = "footerlinks" >
  "" < p classs = "footerlinkspacing" > < span class = "footerlinkspacing" > < a href = "... / Disclaimer.html" "> WARNING < /a > < a href ="... / terms.html "> terms of Service < /a > < a href ="... / contact.html "> contact us < /a > < / span >"
  < / div >
  < / div >
  < / div >
  < script type = "text/javascript" >
  var MenuBar1 = new Spry.Widget.MenuBar ("mainNavcontent", {imgDown: "..."}) "" / SpryAssets/SpryMenuBarDownHover.gif ', imgRight: ".. ({"/ SpryAssets/SpryMenuBarRightHover.gif"});
  < /script >
  < / body >
  < / html >

  
  IT'S THE MAIN. CSS

  @charset "utf-8";
  {#networkicons}
  height: 50px;
  Width: 200px;
  top of the margin: 160px;
  margin left: 15px;
  position: absolute;
  }

  {#wrapper}
  Width: 933px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  left margin: auto;
  text-align: left;
  position: relative;
  }
  {#mainNav}
  text-align: center;
  position: relative;
  margin-right: auto;
  left margin: auto;
  Width: 934px;
  padding-bottom: 15px;
  Clear: both;
  overflow: visible;
  }
  {#navwrapper}
  Width: 935px;
  margin-right: auto;
  left margin: auto;
  }

  #mainContent {}
  Width: 910px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  padding-bottom: 20px;
  padding-top: 20px;
  }
  #content {}
  Width: 910px;
  position: relative;
  }
  #wrapper #footer #footerlinks p .footerlinkspacing a {}
  right margin: 20px;
  }

  #footer {}
  Width: 930px;
  background-color: #fff;
  position: relative;
  top of the margin: 5px;
  text-align: center;
  Color: #000;
  padding-bottom: 10px;
  margin-bottom: 15px;
  }
  #header {}
  Width: 930px;
  height: 209px;
  background-image: url (.. / _images/header.jpg);
  background-repeat: no-repeat;
  }
  {#buyNow1}
  height: 25px;
  Width: 140px;
  float: right;
  do-family: Arial, Helvetica, without serif.
  make-weight: bold;
  text-align: center;
  background-repeat: no-repeat;
  color: #666;
  padding: 5px;
  position: absolute;
  top: 160px;
  right: 150px;
  }
  {.buyNow1}
  color: #666;
  }
  #wrapper #pageInfo #info_page .breadcrum {}
  color: #003;
  }
  #wrapper #pageInfo #info_page .breadcrum a {}
  color: #003;
  }

  
  HTML, body {}
  margin: 0px;
  padding: 0px;
  }
  {#buyNow2}
  height: 25px;
  Width: 130px;
  float: right;
  do-family: Arial, Helvetica, without serif.
  make-weight: bold;
  text-align: center;
  padding: 5px;
  position: relative;
  }
  #wrapper #buyNow2 a {img
  position: absolute;
  top:-30px;
  right: 50px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  }

  {#pageInfo}
  Width: 930px;
  background-image: url (.. / _images/pageinfobackground.jpg);
  background-repeat: repeat-x;
  background-color: #FFF;
  text-align: left;
  padding-bottom: 15px;
  top of the margin: 18px;
  position: relative;
  overflow: visible;
  visibility: visible;
  }
  #wrapper #mainNav #mainNavcontent {}
  position: absolute;
  left: 0px;
  Width: 930px;
  }
  {.regionID}
  do-size: 2em;
  make-weight: bold;
  color: #FFC;
  margin-top: 1em;
  margin-bottom: 0em;
  text-align: left;
  margin-left: 5px;
  }
  {.breaklinePageInfo}
  top of the margin: 0.5em.
  color: #FAFEAB;
  }
  {.breadcrum}
  color: #003;
  font size: 1.1em;
  make-weight: bold;
  text-decoration: underline;
  margin-top :-0 .2em;
  margin left: 15px;
  }
  {#breadcrum}
  make-weight: bold;
  color: #003;
  }

  {#footertext}
  Width: 910px;
  font size: 0.6em;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  }
  {#footerlinks}
  Width: 930px;
  font size: 0.7em;
  make-weight: bold;
  do-family: "Lucida Sans Unicode", "Lucida Grande", without serif.
  Color: #000;
  position: relative;
  margin-top: 10px;
  margin-bottom: 5px;
  }
  {.footertextclass}
  Color: #000;
  }
  {.footerlinkspacing}
  margin-top :-0 .5em;
  color: black;
  height: 10px;
  make-style: normal;
  line-height: normal;
  do-variant: normal;
  letter-spacing: normal;
  }
  {p}
  margin: 0px;
  padding: 0px;
  }

  {body
  text-align: center;
  top of the margin: 5px;
  background-color: #073e78;
  background-image: url (.. / _images/background.jpg);
  background-repeat: repeat-x;
  background-attachment: scroll;
  do-size: 100%;
  }

  IT's THE list drop-down menu.css

  @charset "UTF-8";

  / * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

  / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

  /*******************************************************************************

  The AVAILABLE INFORMATION: Describes the box model, positioning, the order

  *******************************************************************************/

  / * The outermost container for the menu bar, an area of width auto without margin or padding * /.
  UL. MenuBarHorizontal
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: 100%;
  cursor: default;
  Width: auto;
  }
  / The menu bar value active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html * /.
  UL. MenuBarActive
  {
  z-index: 1000;
  }
  / * Menu item containers, position of children relative to this container and are a fixed width * /.
  UL. MenuBarHorizontal li
  {
  margin: 0px;
  padding: 0;
  list-style-type: none;
  do-size: 100%;
  position: static;
  text-align: center;
  cursor: pointer;
  Width: 132.8px;
  float: left;
  overflow: visible;
  visibility: visible;
  }
  / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.
  UL. MenuBarHorizontal ul
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: 100%;
  z index: 1020;
  cursor: default;
  Width: 132.8px;
  position: absolute;
  left:-1000em;
  }
  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.
  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible
  {
  left: auto;
  }
  / * Container of menu items are same fixed width parent * /.
  UL. MenuBarHorizontal ul li
  {
  Width: 8.2em;
  }
  / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.
  UL. MenuBarHorizontal ul ul
  {
  position: absolute;
  margin:-5% 0 0 95%;
  }
  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.
  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible
  {
  left: auto;
  top: 0;
  }

  /*******************************************************************************

  INFORMATION DESIGN: Describes the set of colors, borders, fonts

  *******************************************************************************/

  / * Submenu containers have borders on all sides * /.
  UL. MenuBarHorizontal ul
  {
  border: #333;
  color: #FFF;
  }
  / * Menu items are a light grey block with padding and no text decoration * /.
  UL. MenuBarHorizontal a
  {
  display: block;
  cursor: pointer;
  background-color: #FFF;
  Padding: 0.5em 0.75em;
  Color: #333;
  text-decoration: none;
  background-image: url (.. /_images/bar-Top.png);
  background-repeat: no-repeat;
  }
  / Components menu that have mouse over or focus have a blue background and white text * /.
  UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus
  {
  color: #003;
  background-image: url (.. /_images/bar-Bottom.png);
  }
  / * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.
  UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible
  {
  color: #003;
  background-image: url (.. /_images/bar-Bottom.png);
  background-position: bottom;
  }

  /*******************************************************************************

  Submenu INDICATION: styles if there is a submenu in a given category

  *******************************************************************************/

  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
  UL. MenuBarHorizontal a.MenuBarItemSubmenu
  {
  background-image: url (.. /_images/bar-topsub.png);
  background-repeat: no-repeat;
  background-position: right top;
  }
  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
  UL. MenuBarHorizontal ul a.MenuBarItemSubmenu
  {
  background-image: url (SpryMenuBarRight.gif);
  background-repeat: no-repeat;
  background-position: 50 95%;
  }
  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.
  UL. MenuBarHorizontal a.MenuBarItemSubmenuHover
  {
  background-image: url (.. /_images/bar-topsubhover.png);
  background-repeat: no-repeat;
  background-position: right;
  }
  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.
  UL. MenuBarHorizontal ul a.MenuBarItemSubmenuHover
  {
  background-image: url (SpryMenuBarDownHover.gif);
  background-repeat: no-repeat;
  background-position: 50 95%;
  }

  /*******************************************************************************

  BROWSER HACKS: hacks below should not be changed, unless you are an expert

  *******************************************************************************/

  / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
  UL. MenuBarHorizontal iframe
  {
  position: absolute;
  z index: 1010;
  Filter:alpha(opacity:0.1);
  }
  / * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.
  @media screen, projection
  {
  UL. MenuBarHorizontal li. MenuBarItemIE
  {
  display: inline;
  f\loat: left;
  Background: #FFF;
  }
  }

  There are too many mods in your sections for me to go through.

  I recommend you first read this http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one

  Then, start with an original sections based on these rules.

  Other useful links can be found here http://www.adobe.com/devnet/dreamweaver/spry.html and go to design application to the Spry widgets

• Spry menu does not work in IE7

  The page in question is http://www.mayland.edu/test/index.html .
  
  I'm at my wits end to solve a problem of menu drop-down submenu in IE7. I used Horizontal Spry menu creation in Dreamweaver CS3, put it in a < div > tag and use it to fill the bar in the design of the page and Center it in the window. I changed the background colors and font sizes. Page looks fine in Firefox and Safari, but when the submenu appears in IE7, menu items appear inline horizontally to each other instead of vertically one below the other. I don't know there is a setting in the CSS that I have messed up or is not configured properly to make the menu appear correctly, but I can't find the problem. Could someone take a look and give my an idea of what I could do to make this work?

  Open your spry script file and find this line:
  this.createIframeLayer (menu);

  Put 2 slashes in to to comment on him, like this:
  this.createIframeLayer (menu);

  Then go here and deploy the setting wmode to your flash animation:
  http://www.Projectseven.com/support/answers.asp?ID=127

  --
  Al Sparber - PVII
  http://www.Projectseven.com
  Fully automated Menu systems | Galleries | Widgets
  http://www.Projectseven.com/go/elevators

  "maylandmac" wrote in message
  News:fvvm5k$JJ$1@forums. Macromedia.com...
  > The page in question is http://www.mayland.edu/test/index.html .
  >
  > I am at my wits end to solve a problem of menu drop-down submenu in IE7. I used
  > the
  > Creating menu horizontal Spry in Dreamweaver CS3, place it in a

  
  > and
  > to help fill the bar through the design of the page and Center it in
  > the
  > window. I changed the background colors and font sizes. Page
  > looks like
  > fine in Firefox and Safari, but when the submenu appears in IE7, menu
  > Articles
  > appear inline horizontally to each other instead of vertically a sub
  > another. I don't know there is a setting in the CSS I have is dirty
  > upward or
  > is not configured properly to make the menu appear correctly, but I can't find
  > the
  > problem. Could someone take a look and give an idea of what I could do to my
  > to
  > do this work?
  >

• menu problem

  I insert the dreamweaver default start menu.  I see the text, but the menu drop-down does not work.  See code below

  < div class = "container-fluid" >

  < ul class = "nav nav-tabs drop-down to the right" >

  < class li = "active" > < a href = "#" > home < /a > < /li >

  " < li > < a href =" https://order.universitywafer.com "> Silicon < /a > < /li > .

  < class li = "dropdown" > < a href = "#" data-toggle = "dropdown" class = "menu drop-down-toggle" > other < class b = "circumflex accent" > < / b > < / has >

  < ul class = menu "dropdown" >

  < li > < a href = "#" > a < /a > < /li >

  < li > < a href = "#" > two < /a > < /li >

  < li > < a href = "#" > three < /a > < /li >

  < role li "separator" = class = "divisor" > < /li >

  < li > < a href = "#" > link separate < /a > < /li >

  < /ul >

  < /li >

  < /ul >

  Please let me know what I can do wrong?

  Thank you

  Chris

  I posted my code in the first response.  See the forum link below.

  Re: menu problem

  Nancy O.

• Manipulation of Drop Down Menu problem

  Hi, I have a dropdown Menu code AS2 as follow, this code is applied to a buttonOne onstage and next picture in the buttonOne is the menu that * not stop(); to any image in the movie button.

  onClipEvent (enterFrame) { / / If the mouse IS on the menu... }

  
  

  If (this.hitTest (_root._xmouse, _root._ymouse, true)) { / / If the menu is NOT completely open }

  If (this ._currentframe < this ._totalframes) {}

  
  

  nextFrame();        / / go to the next section of the menu opening sequence

  }

  
  

  { } else { / / If the mouse is NOT on the menu }

  
  

  If (this ._currentframe > 1) { / / If the menu is NOT completely closed }

  
  

  prevFrame();               / / reading of the previous image in the menu opening sequence

  }

  }

  *on the image next, I a buttonUp and a film Text1, buttonUp code such as follow-up:

  {run}

  onEnterFrame = function () {}

  Text1._y-= 4 ;}    If Text1 would be upward when you press.
  

  }

  {We (Rollout)}

  delete this.onEnterFrame;

  }

  
  NOW *, what I need is to make the buttonOne to function as a press the button instead of the button Rollover and pressed, next image will remain on stage, even when the mouse away (I will apply a button close the window afterwards).

  My problem is now, can I change the first part of the code:

  {We (Press)}

  gotoAndStop (2);  or something like that

  }

  While put stop();  on the two images in the movie, but doing this would remove the functionality on

  onEnterFrame = function () {}

  Text1._y-= 4 ;}

  If Text1 move not at all if there is a stop(); applied to the current image. I tried some methods but none doesn't work, tried to look on the web, but all of the tutorials I found are all drop-down menu type rolling.
  

  problem solved... instead of apply the we (press) on the film, simply create another button and call stop here to resolve the issue

  (...)

  Thank you for reading

• I want to create a 2 cells in demand for numbers, the 1st cell is a dropdown menu with items of text, when choosing an item, that it would be represented by a numeric value in the other cell. How can I do?

  I want to create a 2 cells in demand for numbers, the 1st cell is a dropdown menu with items of text, when choosing an item, that it would be represented by a numeric value in the other cell. How can I do?

  You can use vlookup() like this:

  (1) crate a table like this:

  the first line is a heading row

  the first column contains the same list of items in the context menu

  the second column contains the corresponding values

  name of the table 'value '.

  

  In another table (where the pop-up menu), you can use the table of choice of 'Value' like this:

  

  create a drop-down list in cell B1

  Select cell C1 and type (or copy and paste) the formula:

  = VLOOKUP (B1, Value::A:B, 2, 0)

  short hand for this is:

  C1 = VLOOKUP (B1, Value::A:B, 2, 0)

  now change the pop-up to display the value in the change of cell C1

• Start Menu problem - another file opens when I select a file to open in the start menu

  original title: Start Menu problem

  I use windows Vista Home Edition.  The start menu is in Vista Mode.  When I select a file the third file above that that I select opens.  In classic mode, it works fine.  How can I fix it?

  Hello

  Try the methods provided below and see if they help to resolve the issue.

  Method 1:

  This looks like a problem with Windows Aero, I would say that you update the card drivers video from the manufacturer's website and check if that helps.

  http://Windows.Microsoft.com/en-us/Windows-Vista/update-a-driver-for-hardware-that-isn ' t-work correctly

  Method 2:

  You can navigate on troubleshooting Aero:

  http://Windows.Microsoft.com/en-us/Windows-Vista/troubleshoot-problems-with-Windows-Aero