Spry Menu question

Similar Questions

• Spry menu questions

  Hey, I have configured a bar horizontal Spry Menu for my site and have been broadcast in the problem after the problem, but I managed to knit them all. So far.

  About half of the pages of my site, the drop down sumbmenu covers the content of the page (which is what I want), while on the other half of the pages, the submenu is covered by the content of the page (which I don't). I went back in the code of each page to make sure that I was not absent from all the necessary links with the spry, but everything is exactly the same, everything in all areas. I wonder if there is anyone out there who might have any idea where I might have turned bad.

  Also, I use images flown over to my menu (the main bar and the submenus), but there is a gap between each submenu ball to see, and I can't find a way to close the gap. I tried to add a background image for the full menu, but it does not work so far. the closest I came to what I wanted he had to appear in a small section of the menu.

  If anyone can help me, it would be much appreciated. Thanks in advance.

  Your image links are incorrect for the menu.

  Change this

  .. /ryanolsenstudios/gallerytab.jpg

  TO:

  gallerytab.jpg

  for the image of the Gallery menu.

  Same for all the mouseover images. They are located at wrong - therefore does not:

  .. /ryanolsenstudios/gallerytabroll.jpg

  All of these images are currently located here:

  gallerytabroll.jpg

  I recommend that you put it all in a folder called 'images' and a link to the image in this folder. This way, your main folder will have only .html files. Folder images are .jpg and other image files.

• Incorporation of a Web Gallery in a HTML with a Spry menu

  I'm trying to integrate a web gallery, I created in Bridge in a web page that has a bar of menus spry as part of its code. I was unable to see the Gallery on the page and removed the html code associated with the gallery and trying to start over.

  Somewhere along the way, I started getting error messages about the spry menu. Although the menu continues to work, I saw the message in Dreamweaver which is unusual.

  This prompted me to wonder if the code for the web gallery creation interfere in any way with the spry menu.

  I don't want to try once again to incorporate found out about it. I fortunately had my documents backups in time machine and more no error messages appear.

  Thank you.

  This question in the DreamWeaver forum instead. This is the forum to bridge.

  See also this http://foundationphp.com/tutorials/gallery/embed1.php

• Spry menu & jquery tweak

  Hello!

  I have two questions I need help tweaking.

  (1) the page is portfolio of jQuery, and for some reason, all this inserted on the page 'blocked' my spry menu drop down for breast portfolio links.

  (2) I repeated the jQuery Gallery twice on the same page to compartmentalize the different work... the ability to choose how to display the portfolio samples does not work on the other, but works for the top. Do not know why when the exact script has been duplicated?

  Can you please help me these questions so that I can adjust accordingly? Thank you!

  http://c2cstudios.com/c2cstudios_11/illustration/index.html

  Here is an example of placing two ad-Gallery widgets in a document.

  
  
  
   
   
   
  
  
   

  
     

  
       

  
       

  
       

  
       

  
       

  
         

  
           

  
             
  • 
                  http://c2cstudios.com/c2cstudios_11/jQuery/images/1.jpg">."
                    title http://c2cstudios.com/c2cstudios_11/jQuery/images/thumbs/T1.jpg"="apolo ohno"class ="image0">
                 

  
             
             
• 
                http://c2cstudios.com/c2cstudios_11/jQuery/images/2.jpg">."
                  title http://c2cstudios.com/c2cstudios_11/jQuery/images/thumbs/T2.jpg' = 'simone' class = "image1" >
               
             

        
       
     
   
   

   

Examples of how you can change the behavior on the fly;
Effect:
      Horizontal blade
      Vertical slide
      Reduction/increase
      Fade
      None
   

   


   
id = "gallery2" class = "ad-Gallery" >
     

     

     

     

     

       

         

           
• 
                http://c2cstudios.com/c2cstudios_11/jQuery/images/1.jpg">."
                  title http://c2cstudios.com/c2cstudios_11/jQuery/images/thumbs/T1.jpg"="apolo ohno"class ="image0">
               
             

           
• 
                http://c2cstudios.com/c2cstudios_11/jQuery/images/2.jpg">."
                  title http://c2cstudios.com/c2cstudios_11/jQuery/images/thumbs/T2.jpg' = 'simone' class = "image1" >
               
             

        

       

     

   
   
id = "descriptions2" > ""
   

Examples of how you can change the behavior on the fly;
Effect:
      Horizontal blade
      Vertical slide
      Reduction/increase
      Fade
      None
   

 


 
 



Note that the ID's for the second widget have changed as well as a second constructor and adding style rules for the extra ID's note also that the selector has changed to target the relevant Gallery with the addition of #gallery and #gallery2

GRAMPS

• Position of the Spry Menu

  HELO all,.

  I have a basic question of CSS, but went empty as a spry menu box in a header div positioning

  The page is http://empdigital.NET/mockups/nav_in_header.html and I just want to check the vertical position of the bar menu at the pixel level.

  Any help appreciated.

  Thnx

  DJDEL0530 wrote:

  HELO all,.

  I have a basic question of CSS, but went empty as a spry menu box in a header div positioning

  The page is http://empdigital.net/mockups/nav_in_header.html and I just want to check the vertical position of the bar menu at the pixel level.

  Any help appreciated.

  Thnx

  First add float: left; in your style (as shown below) img tag

  Then add
  before the tag closing 'head' (as shown below)

  
     
  
     

  Then you can position the vertical navigation by adding a margin greater than the

  tag (as shown below)

  UL. MenuBarHorizontal
  {
  margin: 20px 0 0 0;
  padding: 0;
  list-style-type: none;
  do-size: 100%;
  cursor: default;
  Width: auto;
  float: right;
  }

• Text in bold Safari causing problem with the Spry menu bar

  I made a web site using a Spry menu bar. It worked fine in all browsers, as far as I knew. I was just alerted by owner esite th that the menu bar was the last link off position seen in Safari. I don't know when this started happening. I noticed that the text in Safari is more bold than firefox or IE. My guess is that this is the problem. I searched on google for help and found this

  Add-text-shadow: 0 0 0 #000; to the css.

  I tried but it don't seem to have any effect.

  the site is here:

  http://www.telluridegravityworks.com/

  Can anyone offer advice on how I might solve this problem? Thank you!

  I don't see the problem under Win 7/Safari (guess it's a question of Mac) but I see it in Win 7/IE9.

  In the CSS file, http://www.telluridegravityworks.com/css/gravity-works-winter.css

  set the width of the container navbar fix here

  {#nav - menu
  Width: 455px; / * adjusted to 445px * /.
  padding: 0px;
  overflow: hidden;
  float: left;
  margin left: 515px;
  }

• Why not the left float within the div Spry menu bar is? (CS4)

  http://Unistrut.biz/new/

  The Spry menu bar is flush left within the div it is in Design mode. But on the Net in Safari or Chrome, it is not.

  When I click the Spry menu bar > CSS files > current > summary of the selection > he says Float = left

  Also below in the properties of "ul. MenuBarHorizontal' he also said Foat left =

  Someone asked this exact same question a few days ago. I don't know why this is happening or what is the purpose, but remove the 'w' before @charset (see below) in your file sections will correct the positioning.

  w@charset "UTF-8";

• With Spry menu bars necessary help please?

  Hi all

  I'm new on this forum, so please forgive any errors!

  My problem is the following:

  I created a site with 10 pages in DW and created a horizontal Spry menu drop-down that it contains. I created all links on all pages, and everything works fine. However - Here is my question - if I want to add another page of my site (which in fact 11 pages) is there a way to create just on one page (say index.html) and then automatically update the other 9 pages with this new page - or do I have to open all the pages to add my new page manually?

  Please help me if you can.

  A big thank you and best regards

  Mark

  Hello

  If you ask an "update" of your spry menu here a tip for you: you can apply to the "server-side includes" for this. David_Powers created a quick tutorial (for me). You will find it here: http://foundationphp.com/tutorials/sprymenu/ssi.php.

  Hans G.

• How to use a single Spry Menu on many pages?

  I got most of this pretty well figured out except for one thing.

  I want to create a single Spry Menu that will appear on every page of my site. Just to be clear, I want to be able to change it in one place and the Update menu has everywhere else... maybe a link?

  Any help is greatly appreciated.

  INDEX:

  http://thedecoartist.com/ARCHERwebsite/index.html

  MENU SPRY IN QUESTION:

  http://thedecoartist.com/ARCHERwebsite/ArcherMain.html

  Woody

  Hi William,.

  hehe, a little slowly with young horses, we are here in the user forum! We all had to work hard in order to get this little bit that we know now! And if I would have these well-intentioned advice "Convert you to work through this excellent tutorial or rather this recipe of David powers a Spry Menu Bar to a Server-Side includes" and here is the link for it:

  http://foundationphp.com/tutorials/sprymenu/SSI.php

  Good luck and be patient with yourselfHans-G.

• Problem with the 2.0 (1.0) Spry menu bar re - CSS

  Hello:

  I'm having some trouble with a Spry (horizontal) 2.0 (1.0) menu bar I created.  Initially, I thought the problem was in what concerns the problems of rendering on IE 6.0, but the problem seems to be more general than that, and I came to believe that this has to do with the CSS created by the browser Widget and changed once imported in the Web page.  That's why I chose to post my question here rather than on the spry page.

  I leaned on the tutorial provided by David Powers (Bayside.css) and in addition any other documentation regarding the Spry UI bar menu.  The problem appeared as one of the 6 IE rendered page with a gap that is created when the menus appear, so push down the divs that appear below the page.

  However, through a laborious process of trial and error, my problem now seems to be that when I export the CSS generated by the browser widget to an external style sheet (the style sheet General governing the whole of the site), he comes into conflict with other CSS styles for links etc.  The end result is that all the padding, background colors, background images, and colors of text are lost.  As long as the CSS is in the head that this does not happen.

  My thought is that this must have to do with the problems of specificity, inheritance, etc.

  The site is available at the following ADDRESS: http://www.aclco.org/testing/index.html.  In its current form, all the CSS associated with the menu bar is located at the head of each page.  (see CSS below).

  My question is I can set up a separate style sheet for the menu bar horizontally and have these styles applied specifically (and only) in the menu bar my only alternative is to work through the rest of the General style sheet and the work by problems of specificity/inheritance - that may be the "best" practice , but it may create another 'cascading' [sic] problems elsewhere.

  Advice or suggestions or directed readings (which would point to a solution) that could be offered would be greatly appreciated.

  Steve Webster

  The horizontal CSS governing the menu bar is as follows: (currently the following CSS is embedded in the web page's head)
  

  < style type = "text/css" >

  / * - Start styles horizontal Spry Menu Widget 2.0 (1.0) menu bar-* /.

  
  / * BeginOAWidget_Instance_2141544: #MenuBar * /.
  / * Values for skinning a basic through presets menu. If the default settings are not sufficient, most count should be done in
  These rules, except for the images used to down or to the right pointing arrows, located in the SpryMenuBasic.css file
  
  They take the following classes of widget for layout of menu (located in a "Preset")
  . MenuBar - applies to all menu bars - default is a horizontal bar, all submenus are vertical - level 2 subs and beyond are drop down to the right.
  . MenuBarVertical - vertical main bar; All submenus are drop down to the right.
  
  You can also pass in extra classnames to set your desired top-level menu bar layout. Normally, they are defined by using a predefined setting.
  They apply only to the horizontal menu bars:
  MenuBarLeftShrink - the menu bar will be horizontally "shrinkwrapped" be just big enough to hold his items and left-aligned
  MenuBarRightShrink - as MenuBarLeftShrink, but right-aligned
  MenuBarFixedLeft - set to a specified width defined in rule "." MenuBarFixedLeft', and left-aligned.
  MenuBarFixedCentered - Fixed to a specified width defined in rule "." MenuBarFixedCentered',.
  and centered in its parent container.
  MenuBarFullwidth - expands to fill the width of the parent container.
  
  In general, all the rules specified in this file are prefixed by #MenuBar so that they don't apply to instances of the widget inserted along
  with the rules. This allows use of multiple MenuBarBasic widgets on the same page with different layouts. Due to limitations in IE6.
  There are a few rules where this was not possible. These rules are so noted in the comments.
  
  */

  {#MenuBar}
  background-color: transparent;
  do-family: Arial, Helvetica, without serif. / * Specify the fonts on the bar menu and submenu MenuItemContainer, so MenuItemContainer.
  MenuItem and MenuItemLabel
  at a given level all use the same definition for ems.
  Note that this means that the size is also inherited from the submenus of the child,
  so be careful when using other than relative sizes
  100% on the fonts submenu. */
  make-weight: normal;
  font size: 17px;
  make-style: normal;
  padding: 0;
  
  }
  / * ATTENTION: because ID + class selectors do not work correctly in IE6, but we want to restrict these rules to all this
  instance of widget, we used the concatenated string classnames to our selectors for the type of layout of the menu bar
  in this section. These have very low specificity, so be careful not to overstep accidentally. */

  . MenuBar br {/ * using only a class, so there same specificity that the "."} MenuBarFixedCentered br' rule bleow * /.
  display: none;
  }
  . {MenuBarLeftShrink}
  float: left; / * shrink the content, but also to float the menu bar * /.
  Width: auto;
  }
  . {MenuBarRightShrink}
  float: right; / * shrink the content, but also to float the menu bar * /.
  Width: auto;
  }
  . {MenuBarFixedLeft}
  float: left;
  Width: 80em;
  }
  . {MenuBarFixedCentered}
  float: none;
  Width: 80em;
  margin-left: auto;
  margin-right: auto;
  }
  . MenuBarFixedCentered br {}
  Clear: both;
  Display: block;
  }
  . MenuBarFixedCentered. Submenu br {}
  display: none;
  }
  . {MenuBarFullwidth}
  float: left;
  Width: 100%;
  }

  / * Top level bar small objects - these actually apply to all items and get substituted for the submenus level 1st or successive * /.
  #MenuBar. {MenuItemContainer}
  padding: 0px 0px 0px 0px;
  margin: 0;     / * Zero margin on the containers of items. The MenuItem is the active area of hover.
  For most elements, we have padding top or bottom or border only on MenuItem
  or a child so we keep all tiled submenu with elements.
  Definition of this 0 avoids the "dead zones" to hover. */
  }
  #MenuBar. {}, MenuItem
  padding: 10px 10px 10px 4px;
  background-color: #000088;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/navigation%20Bar%20Segm ent - Dark.png);
  background-repeat: repeat-x;
  
  }
  #MenuBar. {MenuItemFirst}
  border-style: none none no none;
  }
  #MenuBar. {MenuItemLast}
  border-style: none none no none;
  }

  #MenuBar. MenuItem. {MenuItemLabel}
  text-align: center;
  line-height: 1.4em;
  color: #ffffff;
  background-color: transparent;
  padding: 0px 18px 0px 5px;
  Width: 10em;
  Width: auto;
  }
  . SpryIsIE6 #MenuBar. MenuItem. {MenuItemLabel}
  Width: 1em; / * Equivalent to min-width in modern browsers * /.
  }

  / * First level of submenu items * /.
  #MenuBar. Submenu. {}, MenuItem
  do-family: Arial, Helvetica, without serif.
  make-weight: bold;
  font size: 15px;
  make-style: normal;
  background-color: #000088;
  padding: 0px 2px 0px 0px;
  border-width: 0px;
  border color: #cccccc #cccccc #cccccc #cccccc.
  / * Border styles are replaced by first and last items * /.
  border-style: solid solid no solid;
  }
  #MenuBar. Submenu. {MenuItemFirst}
  border-style: none;
  padding: 0px;
  }
  #MenuBar. Submenu. MenuItemFirst. {MenuItemLabel}
  padding-top: 0px;
  }
  #MenuBar. Submenu. {MenuItemLast}
  border-style: none none no none;
  }
  #MenuBar. Submenu. MenuItemLast. {MenuItemLabel}
  padding-bottom: 10px;
  }
  #MenuBar. Submenu. MenuItem. {MenuItemLabel}
  text-align: left;
  line-height: 1em;
  background-color: transparent;
  color: #ffffff;
  padding: 10px 10px 10px 10px;
  Width: 240px;
  
  }

  / * Hover States for containers, objects and labels * /.
  #MenuBar. {MenuItemHover}
  background-color: #2E35A3;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/navigation%20Bar%20Segm ent%20Light2.png);
  background-repeat: repeat-x;
  
  }

  #MenuBar. MenuItemWithSubMenu.MenuItemHover. {MenuItemLabel}
  background-color: transparent; / * expose this propeller separately * /.
  color: #ffffff;
  }
  #MenuBar. MenuItemHover. {MenuItemLabel}
  background-color: transparent;
  color: #ffffff;
  }
  #MenuBar. Submenu. {MenuItemHover}
  background-color: #2E35A3;
  
  }

  #MenuBar. Submenu. MenuItemHover. {MenuItemLabel}
  background-color: transparent;
  color: #ffffff;
  }
  / * The submenu - first-level submenus properties * /.
  #MenuBar. {SubMenuVisible}
  background-color: transparent;
  min-width: 0%;  / * This prevents the menu being lean that the parent MenuItemContainer - but not available on ie6 nice to have * /.
  border-style: none none no none;
  }
  #MenuBar.MenuBar. SubMenuVisible {/ * menu bar horizontally for only * /}
  top: 100%;    / * 100% is at the bottom of menuItemContainer parent * /.
  left: 0px; / * "left" may need tuning according to borders or padding applied to the bar MenuItemContainer or MenuItem,.
  and your personal taste.
  0px align left drop-down list with the content of the MenuItemContainer area. Assuming you keep the margins 0
  on MenuItemContainer and on the parent MenuItem
  menu bar, which in fact equals the sum of padding-left MenuItemContainer & MenuItem align
  the drop-down menu to the left of the menu item label.*.
  z-index: 10;
  }
  #MenuBar.MenuBarVertical. {SubMenuVisible}
  Top: 0px;
  left: 100%;
  min-width: 0px; / * Do not neeed to match the width of the parent MenuItemContainer - elements will avoid total collapse * /.
  }
  / * The sous-menu--deuxieme submenu level properties and beyond - are visible to descendants. MenuLevel1 * /.
  #MenuBar. MenuLevel1. {SubMenuVisible}
  background-color: transparent;
  min-width: 0px; / * Do not neeed to match the width of the parent MenuItemContainer - elements will avoid total collapse * /.
  Top: 0px;    / * If you want, you can move this down a smidge to separate the top item "submenu s of menubar.
  It is really necessary only for the submenu on the first point of MenuLevel1, or you can make it negative to make the submenu
  vertically 'centered' about his call to * /.
  left: 100%; / * If you want to move the submenu on the left to partially cover the point of his call, you can add a margin to the left with a
  negative value to this rule. Alternatively, if you use the elements of fixed width, you can change this value on the left
  to use px or ems to get the desired offset. */
  }
  / * IE6 rules - you can remove these if you do not want to support IE6 * /.

  / * Note about several classes in IE6.
  Some rules above use several class names to an element of selection, such as "hover" (MenuItemHover) and 'a a submenu' (MenuItemWithSubMenu).
  * give the selector '. MenuItemWithSubMenu.MenuItemHover'.
  * Unfortunately, IE6 does not support using mutiple classnames in a selector for an element. For a selector like '. foo.bar.baz', IE6 does not take into account
  * all but the final classname (here, ".baz") and defines the specificity in consequence, with only one of these classs as significant. To work around this problem
  * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate classnames for IE6, such as "MenuItemWithSubMenuHover".
  * Given that many of these necessary, the plugin does not generate additional classes for modern browsers, and we use the copies of CSS2 style class
  * syntax for that. Since IE6, both apply the rules where the
  * It should not and gets the specificity wrong too, we have rules of order carefully, then misapplied rule in IE6 can be overridden.
  * So we put first the multiple class rule. IE6 wrongly apply this rule.  We follow this with the single class rule that it would be
  * replace by mistake, by ensuring that the specificity of IE6 interpreted as is the same as the unique class selector, so the latter wins.
  * We then create a copy of the rule of multiple class, adding a "." SpryIsIE6' in the context of the class and to ensure that the specificity
  * the selector is high enough to beat the rule of single class in the case of "match of these two classes. We place the rule of IE6 at the end of the
  * block of css styling to make it easy to remove if you want to drop support for IE6.
  * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
  * The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the need of IE conditional comments to these rules.
  */
  . SpryIsIE6 #MenuBar. MenuBarView. MenuItemWithSubMenuHover. MenuItemLabel / * selector IE6 * /}
  background-color: transparent; / * expose this propeller separately * /.
  color: #ffffff;
  }
  . SpryIsIE6 #MenuBar. MenuBarView. Submenu. MenuItemWithSubMenuHover. MenuItemLabel / * selector IE6 * /}
  background-color: transparent; / * expose this propeller separately * /.
  color: #ffffff;
  }
  . SpryIsIE6 #MenuBar. Submenu. Submenu / * selector IE6 * /}
  left margin:-0px; / * Offset at least part of a version of 'double upholstery' bug IE6 'double margin "* /.
  }

  
  / * EndOAWidget_Instance_2141544 * /.

  / * End Spry Menu Bar Widget 2.0 (1.0) Horizontal Menu Custom styles * /.

  
  < / style >

  The CSS for the site in general is reproduced below: (my belief is that it is a: link, a: visited, a: hover, a: active styles that may be in conflict).

  @charset "utf-8";

  
  {body
  Police: 100% Verdana, Arial, Helvetica, without serif.
  min-height: 0; / * this is necessary to overcome the "haslayout" bug found in Windows 7 in conjunction with IE8.  For more information see: URL - http://reference.sitepoint.com/css/haslayout.html * /
  margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
  padding: 0;
  text-align: center; / * This allows the centering of the container and overcomes an inherent bug in IE 5 * /.
  Color: #000000;
  list-style-image: none;
  background-color: #FCFCFC;
  
  }

  H1, h2, h3, h4, h5, h6 {}

  color: #000066;

  }

  a: link {}
  color: #151A 96.
  text-decoration: underline;
  }
  a: visited {}
  text-decoration: underline;
  color: #1B8DCD;
  }
  a: hover {}
  text-decoration: none;
  color: #F30A0A;
  }
  a: active {}
  text-decoration: underline;
  color: #151A 96.
  }

  #container {}
  Width: 960px;
  margin: 0 auto; / * margins (in conjunction with a width) auto Center the page * /.
  text-align: left; / * This setting overrides the text-align: center on the body element. */
  background-image:
  URL (.. / ACLCO%20Graphics%20-%20Web%20site%20Parts/Website%20Midsection%20_960.png);
  background-repeat: repeat-y;
  }

  #header {}
  padding: 0;  / * This filling is the alignment to the left of the items in the div that appear below. If an image is used in the #header instead of text, you can remove the padding. */
  
  Width: 960px;
  height: 332px;
  background-image:
  URL (.. / ACLCO%20Graphics%20-%20Web%20site%20Parts/Website%20Header_960.png);
  background-repeat: repeat no.;
  }

  
  #header h1 {}
  
  margin-right: 0px; / * zero setting of the margin of the last element in the #header div tag will prevent the collapse of margin - inexplicable space between divs. If the div has a border around it, this isn't necessary, which also allows to avoid the collapse of margin * /.
  padding: 0; / * padding instead of margin will allow you to keep the edges of the div element * /.
  display: none;

  }

  #header img {}
  display: none;
  }

  {#Main_nav_contents}
  padding: 0;
  margin-top: 0px;
  height: 39px;
  Width: 950px;
  padding-top: 275px;
  padding-left: 39px;
  z index: 3;
  
  }

  {#MenuBarVertical}
  margin-bottom: 50px;
  padding-top: 50px;
  padding-bottom: 200px;
  padding-left: 15px;
  padding-right: 15px;
  
  }

  
  {.mainContent_left}
  margin: 0; / on this div element right margin creates the column on the right side of the page - no matter how content div the sidebar1″ contains, the space of the columns will remain. You can remove this line if you want the #mainContent div text to fill the space of #sidebar1 when the content of #sidebar1 is complete. */
  padding-left: 30px;
  padding-right: 20px; / * Remember that the fill is space inside the box of div and margin is the space outside the div box * /.
  Width: 600px;
  float: left;
  }

  
  {.sidebar_right}
  float: right; / * because this element is floating, it takes a width * /.
  Width: 270px; / actual width of this div, in browsers comply with the standards, or the standard mode of Internet Explorer includes the padding and border in addition to width * /.
  top of the margin: 30px;
  margin-left: 0;
  margin-right: 10px;
  font-size: 90%;
  
  }
  
  {.mainContent_right}
  margin-left: 10px;
  padding-left: 30px;
  padding-right: 20px;
  Width: 600px;
  float: right;
  
  }
  
  {.sidebar_left}
  float: left; / * because this element is floating, it takes a width * /.
  Width: 270px; / actual width of this div, in browsers comply with the standards, or the standard mode of Internet Explorer includes the padding and border in addition to width * /.
  top of the margin: 30px;
  margin-left: 30px;
  margin-right: 0;
  overflow: hidden;
  font-size: 90%;
  
  }
  
  {.main_content_centered}
  Width: 650px;
  margin left: 155px;
  
  }

  {.main_content_centered_header}
  margin left: 75px;

  
  }

  {.sidebar_textbox}
  margin: 0px;
  Width: 260px;
  padding: 2px;
  }

  
  {.sidebar_textbox_header}

  Width: 255px;
  height: 58px;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/portrait%20Textbox%20he ader.png);

  }

  {.sidebar_textbox_background_middle}

  Width: 255px;
  padding-top: 12px;
  padding-bottom: 10px;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/portrait%20Textbox%20Mi ddle.png);
  background-repeat: repeat-y;
  }

  {.sidebar_textbox_content}
  / * The width and filling are fixed as follows to reflect the quirks in the rendering of the browser while ensuring that the text is contained in the background of the text box * /.
  
  Width: 230px;
  padding-left: 20px;
  padding-right: 40px;
  }

  {.sidebar_textbox_footer}

  Width: 255px;
  height: 64px;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/portrait%20Textbox%20Foo ter.png);

  }

  #issues_menu a: link {}
  color: #151A 96.
  text-decoration: none;
  make-weight: bold;
  
  }

  
  #issues_menu a: visited {}
  color: #151A 96.
  make-weight: bold;
  text-decoration: none;

  }

  #issues_menu a: hover {}
  color: #F30A0A;
  make-weight: bold;
  make-style: oblique;
  text-decoration: none;
  
  }

  #issues_menu a: active {}
  color: #151A 96.
  make-weight: bold;
  text-decoration: none;
  
  }

  {#archives}
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  padding-left: 0px;

  }

  {.landscape_textbox}
  Width: 500px;
  margin-right: 0px;
  margin left: 30px;
  padding-top: 35px;.
  padding-bottom: 25px;
  make-style: normal;
  make-weight: normal;

  }

  {.landscape_textbox_hdr}

  Width: 500px;
  height: 38px;
  margin: auto;
  padding: 0;
  background-image:
  URL (.. / ACLCO%20Graphics%20-%20Web%20site%20Parts/Landscape%20Textbox%20Header.png);
  
  }

  {.landscape_textbox_middle}

  Width: auto;
  margin: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/landscapte%20Textbox%20 Middle.png);
  background-repeat: repeat-y;
  
  }

  {.landscape_textbox_content}

  Width: 450px;
  Padding: 25px;
  }

  {.landscape_textbox_ftr}

  Width: 500px;
  height: 44px;
  margin: auto;
  padding: 0;
  background-image: url (.. /ACLCO%20Graphics%20-%20Web%20Site%20Parts/Landscape%20Textbox%20F ooter.png);

  }

  
  #footer {}
  padding: 0; / * This filling is the alignment to the left of the items in the div that appear above him. */
  Width: 960px;
  height: 222px;
  background-image:
  URL (.. / ACLCO%20Graphics%20-%20Web%20site%20Parts/Website%20Footer%20_960.png);
  background-repeat: repeat no.;
  
  }

  #footer p {}
  margin: 0px; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
  padding: 0px; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
  text-align: center;
  margin-left: 50px;
  right margin: 50px;
  padding: 10px;
  font size: small;
  }
  
  #footer h5 {}

  text-align: center;

  }

  .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
  float: right;
  left margin: 8px;
  }
  .fltlft {/ * this class can be used to float an element on your page to the left * /}
  float: left;
  right margin: 8px;
  }
  .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
  Clear: both;
  height: 0;
  font size: 1px;
  line-height: 0px;
  }

  
  {.dropcap}
  display: block;
  float: left;
  line-height: 80%;
  font size: 250%;
  make-weight: bolder;
  color: #000066;
  Padding: .1em .03em 0 0;
  }

  {.red_arrows}
  list-style-position: outside;
  list-style-image: url (.. / ACLCO%20Graphics%20-%20Web%20site%20Parts/Arrow%20Large.png);
  }

  {.blue_bullets}
  list-style-position: outside;
  list-style-image: url (.. / ACLCO%20Graphics%20-%20Web%20site%20Parts/Bullet%20Medium%20Full.png);
  }

  attention {}
  color: #F30A0A;
  font-size: x-large;
  do-family: Georgia, "Times New Roman", Times, serif;
  make-style: italic;
  Police-weight: 900;
  }
  
  {.attention_small}
  color: #F30A0A;
  font size: large;
  do-family: Georgia, "Times New Roman", Times, serif;
  make-style: italic;
  Police-weight: 900;
  }

  .table {}
  table-layout: fixed;
  
  }
  . Blue {}
  Color: #00F;
  }
  #container .mainContent_left p .blue {}
  color: #0303A 0;
  }

  Hello Steve

  Well, I checked your page in IE6 and it seems to work fine for me except that here seemes to be a little space between

• items that may be due to lack of support of .png?  In other words, if there is a little transparency on the edge of the chart?  Maybe it's more a shot in the water on my part!

  Now my suggestion to you would be to mark this thread as closed/replied and after again with just the link to the page and your question.  Short is sweet.

  Martin

• Can spry menu cause editable regions?

  Hello. I have two questions menu spry that I hope someone can answer:

  1. I use a horizontal menu spry in my template for my navigation bar (pictured below). But I would like to make the "Menu" tab Middle an editable, so that I can change its destination of links on certain pages of the subsites. Is this possible? I tried to insert an editable region in the spry, but Cree Dreamweaver warnings against me and, when I went anyway, the navigation bar broke out on my pages.

  

  2. I want to only the 'Previous' and 'Next Page' tabs to display on some subpages (and maybe to hide tab "Menu" way). I do not think that an optional region will work in the spry, so I tried just type the new tabs on each side of the menu spy. But, once again, Dreamweaver got mad at me and broke my navigation bar.

  Any suggestions on how I can either work around? Or sprys are not otherwise flexible? I was wondering if I could create two different navbars and make the two optional regions, but still, I don't think it's possible.

  Thanks to all those who can help you.

  Hmm.

  I've never considered part of an editable Spry menu bar, but you can do it. Simply ensure that you delete it or don't overlap the necessary code, and I think the submenus will be problematic.

  When you want to change a menu item, do it in code view, and then select all the contents of the list item:

  Point 1.1

  This way, you will be able to change the link and the text of the item...

  If Dreamweaver warns you that you are working in a block element, don't you worry about this. You know, and it won't hurt anything in this case.

  There will be other ways to build local versions of the menu. If you need the submenus, you must remember to add some class designations, which you certainly can do it if you're careful. I personally would opt for several different menus controlled from the style sheet. It would be a bit more complicated, but then you don't have to remember to go to all the pages to set the menu. I don't know your project, so I couldn't say if it would be a great loss of time or useful. If you were to use the same menu on several pages, it can be useful. If each page is different anyway, make your way!

  In addition:

  I did a modifiable menu item and the code looks like this: each editable region will have its own name.

  Point 2

  Beth

  Post edited by: Zabeth69

• Need help to customize the Spry Menu

  I tried to follow this website to personalize my spry menu.  I have most of my spry menu Setup, but a few things that I was not able to understand.

  http://soleproductions.com/convergence/

  1. I want to center the entire menu in my div navmenu

  2. the bearings for the submenu hover does not work correctly.  I want to have green background.

  3. my submenu widths are mixed

  4. How can you announce a background image for submenu items.

  5. in Internet Explorer, are my (online) horizontal submenus instead of vertically.

  6. in IE, the submenu a "false" under him.

  Thanks for any advice you can provide

  Before directly answering your questions, update your version of Spry.

  The latest version of the Adobe Spry 1.6.1 Framework it is the same version that ships with Dreamweaver CS4. If you are using Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can be easily done by using Updater Spry who can be found here.

  After that, take a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one.

  If you still have problems after this, go to the Spry Forum http://forums.adobe.com/community/labs/spry

  Incidentally, I have not any comment here http://forums.adobe.com/thread/693374.

• Using CSS - positioning horizontal spry menu

  I built a menu horizontal Spry amounting to 800 px of width and horizontally centered in a div.

  But I put the height of the menu bar to 2 ems to try to force the div parent having the same height as the menu bar. I don't think it's the right approach:

  (1) I read somewhere that it is not advisable to adjust the height of the menu items. and

  (2) to the opera (only tested in Opera, Safari, Firefox), I see a little extra high enough (in the gray area) under the Spry menu - I want the heights to exactly match, and actual size when a user resizes the text and the menu bar grows.

  2 EXAMPLES:

  http://stephencoren.com/SpryMenu/index.htm -I put height: 2ems; in the Spry ul menu rule. MenuBarHorizontal

  http://stephencoren.com/SpryMenu/index_2.htm , I removed the 2 height adjustment ems. In addition to losing the color of gray background to the left and right of the menu, the content area moves upward - I guess the distance 2 em I deleted

  QUESTIONS RELATING TO THE:

  (1) what I'm doing wrong? I think it's probably some basic CSS stuff that I'm not understand.

  (2) what should I do?

  You mean that you run Windows in a virtual machine or Parallels?

  http://www.VMware.com/products/fusion/

  http://www.parallels.com/products/desktop/

  You can't out-bug for IE without IE.

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB

• Spry menu does not online

  Hello

  I am relatively new to the whole web site design company, so I hope it is a problem of noob that I have and is easily solved. I made a Web site in Dw CS4 that works very well on the spot when I run the files, but when I downloaded all the files to my host, all Spry assets are not functional... I downloaded files additional Spry on the server with the web pages and others, but I don't think that the web page can find the Spry assets.

  My site is offline (mainly) and can be found here: http://www.soulkreig.com. The site is hosted with Godaddy. Active Spry in question are the Menu bar horizontal Spry and Spry Accordion.

  I hope it's just a link broken to additional files or something like that, but even if this is the case, I still don't know how to fix...

  Any help at all would be deeply appreciated. Thanks in advance.

  Hello

  First download the spry updater, I've shown you, close dreamweaver and open adobe extension manager. Select dreamweaver extensions Manager, and then select install from the list of options, go to the extension of the spry updater and select this option, then select o/k to all the prompts on the screen.

  Once the spry update is installed open dreamweaver. Open the html with the spry menu page and delete the 'old' css file, select the spry updater in the menu item (menu), select the element for the spry menu, Site and click Update.

  Download the html file and all your assets spry on your server.

  PZ

• How to keep a Spry menu in one file?

  Could someone explain to me how I can keep the HTML code for a (horizontal) Spry menu bar in one file? Of course, the goal is to reduce the effort to make subsequent changes in the menu to a minimum... I'm not a professional developer, but I wonder if I can do it using PHP or perhaps XML. The question is: How can I do this?
  
  Thanks for any help!
  

  http://www.Tizag.com/phpT/include.php

  --
  Pablo

  www.Paul-Dell.com
  ..........................................
  "Death is not more to a room in another. But there is a
  difference
  for me, you know. Because in this Hall, I know I can have a beer. »

  "bjjobe" wrote in message
  News:fvelgb$IDR$1@forums. Macromedia.com...
  > Could someone explain to me how I can keep the HTML code to display a Spry menu
  > (horizontal) bar into a single file? Of course, the goal is to reduce the
  > effort
  > to make subsequent changes in the menu to a minimum... I'm not a
  > professionell
  > developer, but I wonder if I can do it using PHP or perhaps XML. The
  > cquestion is: How can I do this?
  >
  > Thanks for any help!
  >
  >