Is it possible to position a horizontal Spry menu bar exactly?

You can position a horizontal Spry menu bar in a particular place? For example at the bottom of the header div? I can't find where this is set in CSS and my reference manuals note this.

Put your spry menu in your header div is not a good idea.  When you set the header rules, the menu will be affected.  I gave you the code

Highlight 'Insert menu spry here' and insert your spry menu.

Put the code above after the closing of your head tag

Make sure the css for the header and menu bar are the same width and postitioning.

Gary

Tags: Dreamweaver

Similar Questions

  • Background of the Spry menu bar problem

    Hello
    I tried to search for this problem, and although I found others with the same problem, there has been no response (probably so obvious I missed it and they understood.) And I update the Spry menu bar to the latest version.

    The Horizontal Spry menu bar works fine on Firefox and IE 7, the background is white and the submenus, not the intention. Alignment and size is fine, just designed background colors do not work (on the menu itself, I want a transparent background on submenus, #777079.)
    Website: September Entertainment Site
    Style sheet Spry: Spry CSS

    Thank you in advance for any help you can give me.
    See you soon,.
    Janell

    Hello
    Just found the problem for someone who is having the same thing happen. This is the cut down "Sections":

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

    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;
    }
    }

    Where it says: "background: fff;" change to everything that you need, in my case, "background: transparent;"

    Voila!
    See you soon,.
    Janell

  • Compensation within the site Spry menu bars

    How to clear the values of the spry menu bar in a Web site. I am trying to create a horizontal spry menu bar on one page and then other horizontal on another page. He keeps the same values each time I create a new page. How to clear the values of each page?

    Thank you!

    heatherfar69 wrote:

    Thank you for the help, I just tried and yes I can see. That's what I have to do is create a new site and

    then replace the existing with the new files.

    Thanks again!

    Yes, I would keep the parameters of the test of the original site server because there is no reason that you shouldn't be able to overwrite files of the test server you are working on the new site.  I would go just to manage Sites-> duplicate.  Then just delete the definition of remote server and let the definition of testing server as it is.

  • Spry menu bar does not refresh

    I move to Dreamweaver from GoLive. Learn a lot. Built a model and it works except for the horizontal spry menu bar. The menu (on the pages built from the model) will be not updated when I change information about the menu bar on the template. I joined just about everything about the model inside an editable region, including the spry menu bar. I worked all day on this topic, read everything I can find. No where can I find specific information within a model of spry menu. Is this not done? If this isn't the case, could someone point me to information about how to generate a menu spry I can change once and update many pages at once?
    Thanks to all those who can help you,
    Becky

    Editable model sections of are not up-to-date in the world when a model is updated. The logic is that the editable sections are specific to the page of the child and that no editable regions are applied to all pages using the template.

    If you want that your Spry menu spread on all dependent pages, put it in the noneditable region. Then, when you update the menu, you will be prompted by DW to update all dependent pages.

  • Horizontal Spry Menu pushing my content to the right

    Hello everyone. I am very new to Dreamweaver and so far I love the ease of use and how much I can do with it. However, I recently tried to add a spry menu bar - horizontally, but he pushed my content to the right of the page. The web page is www.iowapva.org

    Any help in getting this square far is greatly appreciated. I want to learn so if there is something false needs corrected or Advisor on fix the site, I'm open.

    Thank you

    Brad

    Add or change the following

    #page {}

    Clear: both;

    }

    UL. MenuBarHorizontal ul {}

    position: absolute;

    }

    Personally, I would add these just above the tag as in

  • THE problem with Horizontal Spry Menu

    I use a horizontal Spry menu on my new Web site of the office. In IE9, but on the subpage of the site, the submenu display strangely, fill a horizontal space rather than descend vertically. It works on the index page, and it seems to me that the divs and other circumstances are the same in each file. Any advice or assistance would be appreciated.

    An example of the arrangement of the subpage: http://test.faculty.umd.edu/teach/syllabus_ie.html Hovering above the menu should show the problem.

    The index page (showing how the menu works correctly): http://test.faculty.umd.edu/index_ie.html

    Thank you

    Rebecca

    The Spry menu that is built into Dreamweaver using older code that is not compatible with IE 9. If you want to use a Spry menu, you need to use Spry Menu 2.0, you can install using the browser Widget from Adobe. See http://www.adobe.com/devnet/dreamweaver/articles/spry_menu_bar.html.

    On the other hand, you might be better off looking for a different menu. There has been a lot of problems with Spry, and the framework has not been updated for several years.

  • How can I make the menu title of a different color when it is horizontal Spry menu menu?

    How can I make the menu title of a different color when it is horizontal Spry menu menu?

    Dreamweaver CS5.5

    Apple OS X.6.8

    Display of the site to: http://Dorsay-Easton-Indian-law.com/staging/index.html

    Steps to follow:

    1. click on the link to land on the home page

    2 link see Home in the Spry horizontal navigation menu

    Real:

    Title of the home menu is the same color as all the others.

    Expected:

    The title of the active menu is color: #FFC.

    I was hoping that a: active would give me this feature, but it's not how it is described. All suggestions are welcome!

    The tag BODY nothing that I tried in the editable model. This is why I wonder how to disconnect the model individual pages. Adding an ID to each body tag is a condition sine qua non of the how-to page that you provided.

    You are not theeditable in a template tag.

    You are the attributes of theeditable tag.

    Do not unplug the model child pages.

    Specify editable tag attributes in a template

    http://help.Adobe.com/en_US/Dreamweaver/CS/using/WScbb6b82af5544594822510a94ae8d65-7aa3a.h tml

    In the model:

    1. Select ittag (in the tag selector, or click inside the)tag in Code view)
    2. Modify > templates > make attribute editable
    3. Select the code in the drop down attribute
    4. If there is no ID attribute then click Add and type the ID in the next dialog box
    5. Attribute: ID
      Check the box 'Make attribute editable '.
      Enter anything in the field of the default label for example foo
      Ok
    6. Dreamweaver will change thetag to read
    7. The ID is now editable
    8. Save the model and update the child page

    In each page of the child:

    1. Edit > properties of the model
    2. Select the id attribute in the list (it's probably the only one listed)
    3. Change its name in the box to any name matches your CSS rule for the active state of the page
    4. Ok
    5. Save
    6. Download

  • Problem with CSS Validation in my Horizontal Spry Menu.

    157UL. MenuBarHorizontal iframetry to find a point comma before the name of the property. Add
    0UL. MenuBarHorizontal iframeParse Error                                              null
    157UL. MenuBarHorizontal iframeOpacity of the property does not exist in CSS level 2.1 but exists in [css3]: 0.1
    157UL. MenuBarHorizontal iframeParse Error                                              0.1);
    158UL. MenuBarHorizontal iframeParse Error                                              }

    It is the result of the W3C Validator which points to this rule in the spry menu bar CSS.

    / * 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);
    }

    ITLS the only thing that prevents the validation page.

    Can it be fixed?

    Thank you

    Martin

    Test laboratory of browser: https://browserlab.adobe.com/index.html#

    You can configure to use a large number of browsers. This "don't" interactivity, but apparently there are ways to it... cursor image on your menu drop-down and send this picture... There will be instructions on the site.

    Beth

  • Drop-down list ADD Spry menu bar

    Hello futuristic Creative costume! It is a voice of CS3 on the past, written with a recent issue that comes to develop with our Horizontal Spry Menu. The drop-down list feature has stopped working, even if the bearings are still in tact.

    A site below is the problem child uses the same layout and menu that found on Site B, yet Site B seems to be a healthy child and active, attending the playground and kisses from girls under the Monkey bars.

    Website - www.soliusa.com

    Site B - www.solistonecommercial.com

    The two sites are in HTML and are modified with Dreamweaver CS3 v. If someone can help a diagnosis and a possible solution, I would be eternally grateful.

    Thank you for reading this far.

    Change the position of the constructor of

    TO

    In addition, be a little more critical on your markup. In the light of the foregoing, you SCRIPT, in the rest of the document, you script

    This may be nitpicking, but it does not help establish a standard. I use lowercase everywhere with the exception of defined constants.

  • 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

  • Spry menu bar is not properly displayed in Internet Explorer.

    Hello. I just got a new computer at work, and so I had to reinstall Dreamweaver CS6. Now my spry menu bar I have in a model is all disfigured. Instead of "horizontal", it's categories listed vertically and with no style. I tried messing around with turn styles, but the problem is that the spry menu bar seems well in Dreamweaver. I can provide the code if necessary. Let me know how you want to display. Thank you very kindly in advance.

    Hi Nancy,.

    I thought about it. The error was in my site definition. I had a mistake in "web URL".
    What can make a difference of two points.

    Thank you.

  • Spry menu bar change the mouse click

    Hello...

    I've created a Spry menu bar, and it works fine. But on phones and tablets the submenu does not work because it's a passage from the mouse, is it possible to change a mouse click?

    Thank you!

    I found this one and it's great for what I want

    https://github.com/MartinBlackburn/responsive-NAV

  • Spry menu bar does not not on Web site

    Hey guys,.

    I'm currently edit a Web site so that it has a large menus spry horizontal bar on the home page and once you go to other pages there is a small bar of menus spry as a header. For this I created for files .css, for the greater the file CSS is called sections and the css in the header of the smallest file is called SpryMenuBar1.css. I downloaded the current Spry folder on my remote server and a test html just to see if it works. For some reason but it does not work? In DW on Live View and preview in Chrome and IE work perfectly well for both the largest and most small Spry menu bar. Keep in mind that I'm working on a local server in DW. Test html code is http://www.soccerexperience.com/cover_flow_test.html. On this page, I've included the smaller Spry menu bar. I have not really tested yet my home page. Could you please help me shed some light on this problem? I'm pretty new to the website editing so if your answer could be clear would be great.

    Thanks in advance

    Your menu bar does not work because SpryMenuBar.js has not been uploaded to the server, or if it has, it's in the wrong place.

  • Model Spry menu bar links does not

    I created a site that uses a spry menu bar located in a template file. The css seems to be fine. While the General links on the pages work, links contained in the spry menu bar works either in the preview or download. The pages are set up with apdiv of positioning. The menu bar of BPD is stacked above a picture or a video on the typical page. My site at http://designideation.com/index.html

    As I have spent a lot of time trying to solve this problem, any help would be greatly appreciated.

    -Thank you, DG

    The problem is on the lines 68-83. A: active just to have the colors changed.

    GRAMPS

  • Under unsorted list stuck Spry menu bar

    I am completely new to Dreamweaver and try to use it to update an existing Web site.  I exported the Web site files on my PC.

    When I open a page in DW to edit, the Spry menu bar (which works with a horizontal drop down menu on the site) presents as an unordered list.  If I saw it, the list remains, i.e. the menus re bar does not appear.

    If I click on the button "turn off styles / we ', nothing happens.

    I would be extremely grateful for any advice as to what I can do in order to get the page in DW with the operation of menu bar.

    Thank you very much

    I wish I knew what that meant... If it's something I have to do, then please explain in detail!

    "I found this at the bottom of a page - is of the... / part of the... / SpryAssets/SpryMenuBarDownHover.gif" should also be deleted?

    RegNet are...

Maybe you are looking for