Adding Border to Spry Navigation

Actually- I sorted out the problem, but don't see a way to
delete the question. Used the rule border, and specified a weight,
style and color.
Used Spry to create a Vertical Menu widget. Been following
the Spry Framework help pages and can adjust background color, font
and other existing elements, but I'm not getting very far trying to
add a border around the menu item. I would like the same border
around al items, much the way the default background color is the
same.
Tried adding 2 properties to ul.MenuBarVertical a: Border
color and border width. do I need more or am I placing these in the
wrong place?
Thx,

[email protected] wrote:
> Used Spry to create a Vertical Menu widget. Been
following the Spry Framework
> help pages and can adjust background color, font and
other existing elements,
> but I'm not getting very far trying to add a border
around the menu item. I
> would like the same border around al items, much the way
the default background
> color is the same.
> Tried adding 2 properties to ul.MenuBarVertical a:
Border color and border
> width. do I need more or am I placing these in the wrong
place?
I added a border to "ul.MenuBarVertical a" with the
following:
border: solid 1px #036;
And in Firefox 3 and IE7 I had borders around all of the menu
items. If that isn't working for you, then it may be that the CSS
has some other overriding style, or perhaps the CSS was applied
incorrectly. You'll need to post a link to your page to be sure,
and you should post in the Spry forums as there are more Spry
knowledgeable folks there:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Similar Messages

  • Spry Navigation 2.0 - Spacing for div for nav bar

    Hello:
    I am once again working on an navigation bar that renders somewhat differently in various browsers (problems with IE 8 & 6).  The navigation is to fit into a div that is bordered by a gold coloured border top and bottom (top border is attached to the header).  The problem is one of calculating the appropriate height based on the settings for the custom nav css file.  I have taken the font size, padding (top and bottom) and border (top and bottom) together with padding on the overall container of the nav bar.  Accordingly I have set the height of the navigation container div at 41px.  In most browsers this works fine, however there are some glitches that cause excess white space to appear either above the navigation bar or below it, thus separating the border from the navigation bar.
    The url for the site is http://socls.org/PCLC-testing/CorePages.html
    I have included the css for the custom nav settings, and the css relating to the navigation in the general css file as well as a screen shot of IE 8.
    Thanks for any help in advance.
    Steve.
    The custom nav css is as follows:
    @charset "UTF-8";
    /* CSS Document */
    /* BeginOAWidget_Instance_2141544: #MenuBar */
    /* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
        these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
         These assume the following widget classes for menu layout (set in a preset)
        .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
        .MenuBarVertical - vertical main bar; all submenus are pull-right.
        You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
        They only apply to horizontal menu bars:
            MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
            MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
            MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned. 
            MenuBarFixedCentered -  - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                            and centered in its parent container.
            MenuBarFullwidth - Grows to fill its parent container width.
        In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
        with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
        there are a few rules where this was not possible. Those rules are so noted in comments.
    #MenuBar  {
        background-color:#7888c7;   
        font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                                                    MenuItem, and MenuItemLabel
                                                    at a given level all use same definition for ems.
                                                    Note that this means the size is also inherited to child submenus,
                                                    so use caution in using relative sizes other than
                                                    100% on submenu fonts. */
        font-weight: normal;
        font-size: 17px;
        font-style: normal;
        padding:0;   
        border-color: #4457a2 #333366 #2c3868 #4457a2;
        border-width:3px;
        border-style: none none none none;
    /* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
    widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
    in this section. These have very low specificity, so be careful not to accidentally override them. */
    .MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
        display:none;
    .MenuBarLeftShrink {
        float: left; /* shrink to content, as well as float the MenuBar */
        width: auto;
    .MenuBarRightShrink {
        float: right; /* shrink to content, as well as float the MenuBar */
        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 menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
    #MenuBar  .MenuItemContainer {
        padding: 0px 0px 0px 0px;
        margin: 0;     /* Zero out margin  on the item containers. The MenuItem is the active hover area.
                    For most items, we have to do top or bottom padding or borders only on the MenuItem
                    or a child so we keep the entire submenu tiled with items.
                    Setting this to 0 avoids "dead spots" for hovering. */
    #MenuBar  .MenuItem {
        padding: 0px 24px 0px 0px;
        background-color:#7888c7;   
        border-width:3px;
        border-color: #8899cf #566a99 #333366 #8899cf;
        border-style: solid solid solid solid;
    #MenuBar  .MenuItemFirst {
        border-style: solid solid solid solid;
    #MenuBar .MenuItemLast {
        border-style: solid solid solid solid;
    #MenuBar  .MenuItem  .MenuItemLabel{
        text-align:center;
        line-height:1.4em;
        color:#331e0d;
        background-color:#7888c7;
        padding: 6px 15px 6px 39px;
        width: 10em;
        width:auto;
    .SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
        width:1em; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar .SubMenu  .MenuItem {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 14px;
        font-style: normal;
        background-color:#7888c7;
        padding:0px 2px 0px 0px;
        border-width:3px;
        border-color: #8899cf #333366 #333366 #8899cf;
        /* Border styles are overriden by first and last items */
        border-style: solid solid solid solid;
    #MenuBar  .SubMenu .MenuItemFirst {
        border-style: solid solid solid solid;
    #MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
        padding-top: 6px;
    #MenuBar .SubMenu .MenuItemLast {
        border-style: solid solid solid solid;
    #MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
        padding-bottom: 6px;
    #MenuBar .SubMenu .MenuItem .MenuItemLabel{
        text-align:center;
        line-height:1em;   
        background-color:#7888c7;
        color:#331e0d;
        padding: 6px 12px 6px 5px;
        white-space:normal;
        width: 210px;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
        background-color: #3b4b8d;
        border-color: #5266b7 #14192f #14192f #5266b7;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
        background-color: #3b4b8d; /* consider exposing this prop separately*/
        color: #fefefe;
    #MenuBar .MenuItemHover .MenuItemLabel{
        background-color: #3b4b8d;
        color: #fefefe;
    #MenuBar .SubMenu .MenuItemHover {
        background-color: #3b4b8d;
        border-color: #5266b7 #14192f #14192f #5266b7;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
        background-color: #3b4b8d;
        color: #fefefe;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
        background-color: #7888c7;
        min-width:0%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
        border-color: #3b4b8d #3b4b8d #3b4b8d #3b4b8d;
        border-width:0px;
        border-style: none none none none;
    #MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
        top: 100%;    /* 100% is at the bottom of parent menuItemContainer */
        left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                        and your personal taste.
                        0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                        on MenuItemContainer and MenuItem on the parent
                        menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                        the dropdown with 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 width to parent MenuItemContainer - items will prevent total collapse */
    /* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
    #MenuBar .MenuLevel1 .SubMenuVisible {
        background-color: #7888c7;
        min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
        top: 0px;    /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                    that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                    vertically 'centered' on its invoking item */
        left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                    negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                    to use px or ems to get the offset you want. */
    /* IE6 rules - you can delete these if you do not want to support IE6 */
    /* A note about multiple classes in IE6.
    * Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
    * giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
    * Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
    * all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
    * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
    * Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
    * syntax for that. Since IE6 both applies rules where
    * it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
    * So, we put the multiple class rule first. IE6 will mistakenly apply this rule.  We follow this with the single-class rule that it would
    * mistakenly override, making sure the  misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
    * We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
    * the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
    * css style block to make it easy to delete if you want to drop IE6 support.
    * 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 necessity of IE conditional comments for these rules.
    .SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
        background-color: #3b4b8d; /* consider exposing this prop separately*/
        color: #fefefe;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
        background-color: #3b4b8d; /* consider exposing this prop separately*/
        color: #fefefe;
    .SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
        margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
    /* EndOAWidget_Instance_2141544 */
    The css for the page in general (as it relates to the navigation bar) is:
    #main_nav_contents {
        width: 960px;
        height: 41px;
        position: relative;   
        padding-left:0px;
        border-bottom: 3px solid #C56F2C;

    Hello Again:
    Based on some recalculations I realized that with a font size of 17px, 6px padding (top and bottom = 12px) and 3 px border (top and bottom =6) that the height of the nav container should be 35px;  I have change the general style sheet to reflect that change, but still have rendering problems accross browsers.
    To perhaps add clarity, the following is a screen shot of how it appears in most browsers, and how I intended it should look.
    Thanks (again) in advance for any help that can be offered.  Steve.

  • Spry Navigation - CSS Question

    I recently added spry navigation to my website (http://www.faithbuilders.com) and tweaked the default CSS to match the website a little better. Everything works well enough, but I've got a few things left to straighten out.
    First, there is a gap between the right side of the dropdown menu and the left side of the sub-category menu that pops out to the right. See image below.
    Is there any specific part in the CSS that affects this gap?
    Second, since the submenu pops out to the right, it is hidden when the browser size is small enough to cover it. Is there a simple way to enable it to pop out to the left OR right, depending on where there is space for it?
    Your help is greatly appreciated.
    ~Sarah

    I'm Giving It All wrote:
    I recently added spry navigation to my website (http://www.faithbuilders.com) and tweaked the default CSS to match the website a little better. Everything works well enough, but I've got a few things left to straighten out.
    First, there is a gap between the right side of the dropdown menu and the left side of the sub-category menu that pops out to the right. See image below.
    Is there any specific part in the CSS that affects this gap?
    Yes amend 95% to 200px in the css rule below: (as shown)
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position: absolute;
        margin: -5% 0 0 200px;
    I'm Giving It All wrote:
    Second, since the submenu pops out to the right, it is hidden when the browser size is small enough to cover it. Is there a simple way to enable it to pop out to the left OR right, depending on where there is space for it?
    Your help is greatly appreciated.
    ~Sarah
    Not that I know of.

  • Spry Navigation does not work in IE version 6

    I have a simple spry navigation bar at the top of website that works in all the browsers I tested it in, ie IE ver 7 and 8, Mozilla Firefox (all versions), Netscape (all versions), and Safari. The only one I can't it to work in is IE version 6. Does anyone know how to fix this?
    I am attaching a copy of both browsers, one that does not work and one that does.
    Thanks for your help.
    Pat

    I have the same problem. Looks great in FF, Safari, Opera,
    but in IE the dropdowns are dancing all over the place. Suspect
    it's something in the hover classification, but can't figure out
    where the problem is:
    http://www.kirkaubry.com

  • Spry Navigation Submenu missing

    I have a spry navigation menu on my site. In IE6 everything
    is fine. But when I go to IE7 when you hover over the button and
    the submenu appears only 1 and a half buttons show up, when there
    should be a vertical list of 6. I am using a horizontal navigation
    bar and the submenu comes up below. Any ideas for me to try?
    Thanks for your help. Bryan

    Hello,
    Get rid of height: 0px; at the bottom of this in your spry
    stylesheet:
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: auto;
    float: left;
    height: 0px;
    By the way, are you able to view the page in Firefox? When I
    try to it
    crashes FF.
    Take care,
    Tim
    "bryanmercer" <[email protected]> wrote in
    message
    news:fru709$p0k$[email protected]..
    >I have attached the code in my previous mesage any help
    would be
    >appreciated.
    >
    > Thanks, Bryan

  • Spry Navigation Bar

    I'm new to dreamweaver CS5 and have created a new spry navigation bar.  Is there a way to create one generic navigation bar to be used in several different pages so when I have to update the menus, I don't have to change each spry navigation bar for each page.  Basically one main navigation bar to be used in several different pages w/out having to create a nav bar for each page.

    See here http://foundationphp.com/tutorials/sprymenu/ssi.php
    Gramps

  • Spry navigation bar covers flash movie beneath it but not the jpg image, why?

    i have a spry navigation bar with a flash movie underneath,
    and when i hover over the navbar and the submenu pops down it
    covers the flash movie, but it doesn't cover the .jpg image that is
    next to the flash movie. how can i fix this? thanks.

    thanks for the reply Murray, a responder from the flash forum
    gave me the following answer and it worked perfect.>>
    The <object> and/or <embed> HTML elements that
    reference your Flash content accept a number of optional
    parameters. For the <object> element, these parameters are
    supplied via nested <param> elements. Simply add the
    following new <param>:
    <param name="wmode" value="opaque">
    The <embed> parameters are supplied via attributes. For
    the <embed> element, add the following new attribute:
    wmode="opaque"
    That’s it. Your Flash content is now stackable via
    z-index; for example, you may wrap your
    <object>/<embed> pair in a <div> and set the
    <div>’s z-index as you please.
    <div style="position: absolute; z-index=1;">
    <object attributes >
    <embed attributes />
    </object>
    </div>
    If you’re using Dreamweaver, just press the Parameters
    button in the Insert > Media > Flash dialog or in the
    Property inspector when selecting existing Flash content. Type
    “wmode” (without quotes) in the name/parameter column
    and “opaque” (without quotes) in the value column. That
    will handle the above HTML for you, even with the new JavaScript
    embedding available since the 8.0.2 update.

  • How do I show what menu title is active, e.g. current page, in spry navigation?

    How do I show what menu title is active, e.g. current page, in spry navigation?
    See website http://dorsay-easton-indian-law.com/index.html
    I want to have Home menu title have a different color when on index.html and so on. I keep using the term "active" for that, and "hover" for mouseover. Is that correct? And what do I need to do so that my menu displays an indication of which page is the current one?

    The CSS pseudo-classes in order are:
    a = any link
    a:link = an unvisited link (normal state)
    a:visited = a link after it has been visited
    a:hover = on mouseover
    a:active = on click
    a:focus = reached with tab key
    See persistent page indicator on menus:
    http://alt-web.com/Articles/Persistent-Page-Indicator.shtml
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Place spry navigation on top of an image?

    I have an image on the side of my web page that I am
    building. I want to place a spry navigation bar on top of this
    image but I can't figure out how to position it correctly. Can
    anyone give me a hint? I'm using CS3 on a Mac.
    Thanks,
    Lou

    Is there any way we can see your website? Fishing around in the dark is not a good way to give advice.
    I should also mention that the "slicing Photoshop files" method of website building is probably not the way we build websites anymore, if I understand where you are coming from.
    Generally speaking, if you have an image in the background set up in your style sheet, you should be able to put things on top of that image.
    So, let's say we have a div and I'm going to call it "player." We may want to have more than one player on a page, so we'll give it a class:
    CSS:
    .player {
         background-image: url("/path/myimage.jpg");
    HTML:
    <div class="player">
    <audio controls>
      <source src="/path/myaudio.ogg" type="audio/ogg">
      <source src="/path/myaudio.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
    </audio>
    </div>
    Now, what I have done here is to create an HTML5 Audio player. The web page with the audio must be HTML5. And you will probably need to edit your .htaccess file to include the following:
    AddType audio/ogg .oga
    AddType video/ogg .ogv
    AddType application/ogg .ogg
    AddHandler application-ogg .ogg .ogv .oga
    If you don't know how to edit an .htaccsss file, you should be able to add those MIME types in your host's Control Panel.
    The way you declare an HTML5 document is to start the document with:
    <!DOCTYPE HTML>
    <html>
    This would be before you start your <head> region.
    But I must warn you, I'm offering all of this with a great deal of trepidation. I believe you're putting together a website using tables and inline code for things like backgrounds and such. Modern web design does not use tables to format web pages.
    Without looking at what you're doing, there is a very big limit as to how I can advise you.
    -Mark

  • Spry navigation covers flash movie element, why?

    i have a spry navigation bar with a flash movie underneath,
    and when i hover over the navbar and the submenu pops down it
    covers the flash movie, but it doesn't cover the .jpg image that is
    next to the flash movie. how can i fix this? thanks.

    mediastream13,
    > i have a spry navigation bar with a flash movie
    underneath,
    > and when i hover over the navbar and the submenu pops
    > down it covers the flash movie, but it doesn't cover the
    .jpg
    > image that is next to the flash movie.
    What you're seeing is the result of the default WMODE
    setting for Flash
    Player, which you can change. Keep in mind, Flash content
    isn't something
    any browser natively supports. It requires an ActiveX
    component or plugin,
    and as a result, is processed outside of the browser's
    composition buffer.
    This lifts Flash content (and other active content, like
    QuickTime, Java
    applets, and so on) from the context of its surroundings. To
    change that,
    you can configure a SWF's WMODE setting for transparent or
    opaque, as
    described here:
    http://www.quip.net/blog/2006/flash/how-to-position-flash-beneath-other-content
    Be aware that any WMODE setting other than the default has
    been known to
    cause usability issues as described in the articles/blog
    entries further
    linked from the above URL.
    David Stiller
    Co-author, Foundation Flash CS3 for Designers
    http://tinyurl.com/2k29mj
    "Luck is the residue of good design."

  • Spry Navigation Bars - Make them look GOOD

    Have Dreamweaver CS4 PC
    Using the plain gray spry navigation bars...im somewhat
    new...
    Question:
    Is there any company that sells or Free to "Change the Look"
    of the nav bars easily?
    I might w ant to change colors, make rounded edges, make type
    smaller, compact specing some, adjust the length.
    Does someone have a plugin or extension that works
    interactively??
    Thanks
    Ive searched with little results on customizing spry

    A more full-featured menu building tool, with lots of styles:
    http://www.projectseven.com/products/menusystems/pmm2/carbon.htm
    Another nice menu builder, with lots of styles. Because there
    are no timers,
    I would recommend these for single-level menus or for menus
    with a single
    sub-menu level:
    http://www.webassist.com/professional/products/productdetails.asp?PID=146
    Neither is free.
    Al Sparber - PVII
    http://www.projectseven.com
    The Finest Dreamweaver Menus | Galleries | Widgets
    http://www.projectseven.com/go/pop
    The Ultimate DW Menu System
    "suzzie12" <[email protected]> wrote in
    message
    news:gmq9u2$mfl$[email protected]..
    > Have Dreamweaver CS4 PC
    >
    > Using the plain gray spry navigation bars...im somewhat
    new...
    >
    > Question:
    >
    > Is there any company that sells or Free to "Change the
    Look" of the nav
    > bars
    > easily?
    >
    > I might w ant to change colors, make rounded edges, make
    type smaller,
    > compact
    > specing some, adjust the length.
    >
    > Does someone have a plugin or extension that works
    interactively??
    >
    > Thanks
    >
    > Ive searched with little results on customizing spry
    >

  • Centering a Horizontal CSS only, jQuery, or Spry navigation bar within a Div

    Hello all.  I need a solution for centering a horizontal style nav bar whether it be css only, jQuery or Spry based.  I've been trying to use widgets from the adobe widget browser or other ones I've been able to find online.  I have been able to get the graphic that goes behind the links to span the entire width of the Div, but I can't move the actual links to the center of the screen and get it to stay in the middle like the rest of the elements do when you resize the page.  The links always stay anchored to the left side of the page.  I've been able to move them all the way to the right side of the page through a certain css change, but that is not what I'm looking for.  Do I need to resize the Div, or add a div within the div?  Do I need to split the horizontal width of the single div into three div's and put the nav bar into the middle one?  If that is the solution, how do I add the div's next to each other, I tried  adding a div within the div, but nothing really appears to show up, so that must essentially be a wrong way of going about it.
    Well anyways, I need some advice, somebody please lead me in the right direction on how to get this right.  In the div above the one I'm trying to make this happen in, I have a flash object and it just centers itself perfectly with the div and moves with the rest of the page fluidly when you resize.  And the same goes for a div right above that which contains the company logo.
    Thanks for help in advance.

    This is what I mean by the dotted lines not lining up evenly at the ends.
    Here is the source code for the page, followed by the css:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta name="description" content="Common Wealth Web Solutions: Web Development, Graphic Design, Media Consultant, Community Engagement" />
    <meta name="keywords" content="Common,Wealth,Web,Solution,Design,Graphic,Development,Interactivity,services,fla sh,php,javascript,ajax,professional,Caleb Wright, Peter Wallis,artist,video,multimedia,production,search engine optimization,SEO,video production design" />
    <meta http-equiv="Content-Type" content="text
    /html; charset=UTF-8" />
    <title>Common Wealth Web Solutions: Web Development, Graphic Design, Media Consultation, Community Engagement</title>
    <link href="stylesMain.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="PNGfix.css" />
    <![endif]-->
    <!--[if lte IE 7]>
    <style type="text/css">
    #hornav ul li { padding: 0 0 0 10px; }
    </style>
    <![endif]-->
    <!--[if lte IE 6]>
    <style type="text/css">
    #wrapper-body, #wrapper-1, #wrapper-2, #wrapper-3 { height: 1%; }
    </style>
    <![endif]-->
    <script type="text/javascript" src="scripts.js"></script>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <style type="text/css">
    #apDiv1 {
        position:absolute;
        width:1844px;
        height:43px;
        z-index:1;
        left: 64px;
        top: 253px;
    body {
        background-color: #FFF;
    </style>
    <link href="SpryAssets/SpryAccordion_flexible.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    a:link {
        color: #00F;
    </style>
    <style type="text/css">
    #menu {
    width: 700px;
    margin: 0 auto;
    #menu ul {
    padding: 0;
    margin: 0;
    text-align:center;
    list-style:none
    #menu li{
    padding: 0;
    margin: 0;
    display:inline;
    margin-right: -2px;
    #menu a {
    background-color:#66F;
    padding: 6px 15px;
    color: #fff;
    text-decoration: none;
    #menu a:hover {
    background-color:#39C;
    </style>
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-3119473-5']);
      _gaq.push(['_setDomainName', 'none']);
      _gaq.push(['_setAllowLinker', true]);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-3119473-6']);
      _gaq.push(['_setDomainName', 'none']);
      _gaq.push(['_setAllowLinker', true]);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    <link href="CSSOnlyMenu4/css/menu4.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2141545: #OAWidget */
    #menu4 ul {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 30px;
        letter-spacing: -3px;
        border-top:5px dotted #003399;
        border-bottom:5px dotted #003399;
        margin:20px;
    #menu4 ul li a{
        color: #003399;
        padding: 10px 5px 10px 10px;
        width: 170px;
    #menu4 ul li a:hover span.title{
        color:#00adef;
    #menu4 ul li a span.text{
        font-family: Georgia, serif;
        font-size: 13px;
        color:#c7e7f3;
    /* EndOAWidget_Instance_2141545 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2141545" binding="#OAWidget" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <div id="wrapper-body">
      <div id="wrapper-1">
        <div id="branding">
          <h1>
          <div>
            <p><img src="images/lorentzpaintinglogo_cropped2.png" width="317" height="110" alt="Lorenz Painting Co." longdesc="http://www.lorenzpainting.com" /></p></div>
          <div id="flash">
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="250" id="FlashID" title="Lorenz Painting Co Flash Widget">
            <param name="movie" value="LorentzBanner.swf" />
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
            <param name="swfversion" value="6.0.65.0" />
            <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
            <!--[if !IE]>-->
            <object type="application/x-shockwave-flash" data="LorentzBanner.swf" width="700" height="250">
              <!--<![endif]-->
              <param name="quality" value="high" />
              <param name="wmode" value="opaque" />
              <param name="swfversion" value="6.0.65.0" />
              <param name="expressinstall" value="Scripts/expressInstall.swf" />
              <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
              <div>
                <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
                </div>
              </div>
              <!--[if !IE]>-->
            </object>
            <!--<![endif]-->
          </object>
          </h1>
    <div>
      <div id="menu4">
        <ul>
          <li><a href=""> <span class="title">Home</span> <span class="text">Why us?</span> </a> </li>
          <li><a href="">Services<span class="text">What we do</span> </a> </li>
          <li><a href=""> <span class="title">Testimonials</span> <span class="text">What they say</span> </a> </li>
          <li><a href=""> <span class="title">Contact</span> <span class="text">How to get in touch</span> </a> </li>
        </ul>
    </div>
    <p> </p>
      <p> </p>
      <p> </p>
    </div>
          <div></div>
        </div>
        <div id="wrapper-2">
          <div id="content-top" class="png"></div>
          <div id="wrapper-3">
            <div id="content-1">
              <div class="content-wrap">
                <p>Home</p>
                <p>Contact</p>
              </div>
            </div>
            <div id="content-2">
              <div class="content-wrap">
    stuff
    <p> </p>
              </div>
            </div>
            <div id="content-bottom"></div>
          </div>
          <div id="footer">
            <p><strong>Lorentz Painting Co., 2011</strong><strong></strong></p>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
    swfobject.registerObject("FlashID");
    jQuery("#jQueryUIAccordion").accordion({
            event: "click",
            collapsible: false,
            autoHeight: true
    </script>
    </body>
    </html>
    Be forewarned, there are a bunch of rules in here that don't apply to anything anymore, as it's from a recycled rules from another site I built.  Sorry.
    I will first put the CSS for the main style sheet, and I will put the CSS for the Horizontal Nav Bar in after.
    CSS:
    Main style sheet:
    @charset "UTF-8";
    body
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.2em;
        color: #6B6B6B;
        background: #8D927C url(images/bg_body.jpg) repeat-x;
        margin: 0;
        padding: 0;
        min-width: 800px;
        text-align: center;
        background-color: #000;
    h2, h3, h4
        font-size: 16pt;
        font-weight: normal;
        margin: 15px 0 0 0;
    #wrapper-3 p
        padding: 0;
        line-height: 1.35em;
        margin-top: 8px;
        margin-right: 0;
        margin-bottom: 8px;
        margin-left: 0;
    #wrapper-3 ul
        list-style-type: none;
        margin: 8px 0;
        padding: 0;
    #branding
        margin: 0 0 0 0;
    @Generic anchor (link) styles
    a:link, a:visited
        color: #4f4f3f;
    a:hover, a:active
        color: #000000;
    @Inline image styles
    img.float-left
        float: left;
        margin: 0 6px 6px 0;
    img.float-right
        float: right;
        margin: 0 0 6px 6px;
    img.border
        background: #FFF;
        padding: 2px;
        border: 1px solid #999;
    @Tab navbar styles
    #hornav ul
        margin: 0;
        list-style-type: none;
        line-height: normal;
        padding: 0;
        text-align: center;
        margin-bottom: 60px;
        font-size: 0.8em;
        text-transform: uppercase;
    #hornav ul li
        display: inline;
        margin: 0 2px 0 0;
        padding: 3px 0 3px 10px;
    #wrapper-body #wrapper-1 #hornav ul li a br {
        height: 400px;
    #hornav ul li a
        text-decoration: none;
        margin: 0;
        background-repeat: inherit;
        background-position: center center;
        padding-top: 50%;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
    #hornav ul li a:link, #hornav ul li a:visited
        color: #3e3f2f;
    #hornav ul li a:hover, #hornav ul li a:active
        color: #000000;
    @Secondary navigation styles
    #navcontainer
        background: transparent url(images/bg_navlist-top.jpg) no-repeat top center;
        margin: 0;
        padding: 12px 0 0 0;
    #navcontainer ul
        margin: 0;
        list-style-type: none;
        line-height: normal;
        padding: 0 0 12px 0;
        border-top: 1px solid #FFF;
        background: transparent url(images/bg_navlist-bottom.jpg) no-repeat bottom center;
    #navcontainer a
        display: block;
        padding: 3px 6px;
        width: 168px;
        margin: 0 10px;
        background-color: #c4bfac;
        border-bottom: 1px solid #FFF;
    #navcontainer a:link, #navlist a:visited
        color: #FFF;
        text-decoration: none;
    #navcontainer a:hover
        background-color: #90937e;
        color: #FFF;
    @Masthead text styles
    #branding
        margin: 0;
        padding: 0;
    #branding h1
        color: #000;
        padding: 10px 0 0px 0;
        border-top: 4px solid #656e5d;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.3em;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 28px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        margin: 0;
    @Layout styles
    #wrapper-body
        background: transparent url(images/bg_wrapper-body.jpg) no-repeat top right;
        width: inherit;
        margin: 0;
        padding: 0;
    #wrapper-1
        width: auto;
        background: transparent url(images/bg_wrapper-1.jpg) no-repeat;
        margin: 0;
        padding: 0;
    #wrapper-2
        width: 45em;
        text-align: center;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
    #wrapper-3
        background: url(images/bg_wrapper-3.jpg) repeat-y;
        color: #333;
        text-align: left;
    #content-top
        margin: 0;
        height: 1em;
        background: url(images/bg_content-top.jpg) no-repeat;
        font-size: 0;
        line-height: 0;
    #content-1
        float: left;
        width: 12em;
        font-size: 0.9em;
        padding: 0;
        margin-top: 2em;
        margin-right: 2em;
        margin-bottom: 0em;
        margin-left: 0em;
    #content-2
        float: left;
        width: 40em;
        padding: 0;
        font-size: 0.8em;
        margin-top: 2em;
        margin-right: 0px;
        margin-bottom: 0em;
        margin-left: 0em;
    #content-3
        float: left;
        width: 250px;
        font-size: 10pt;
        margin: 0;
        padding: 0;
    #content-4 {
        width: 190px;
        padding: 0px;
        line-height: 0px;
    #content-bottom
        clear: both;
        height: 1em;
        background: url(images/bg_content-bottom.jpg) no-repeat;
        font-size: 0;
        line-height: 0;
    .content-wrap
        margin: 0;
        padding-top: 0px;
        padding-right: 2em;
        padding-bottom: 5px;
        padding-left: 0px;
    #footer p
        font-size: .75em;
        margin: 12px 0;
    p.content-wrap {
        font-size: 9pt;
        color: #999;
    @Blog post styles
    .date
        float: left;
        height: 52px;
        width: 52px;
        background: url(images/date.png) no-repeat;
        margin-right: 10px;
        padding-top: 0px;
        line-height: normal;
    .date .month
        display: block;
        text-align: center;
        color: #FFF;
        font-size: 11px;
        padding-top: 4px;
        text-transform: uppercase;
    .date .day
        display: block;
        text-align: center;
        padding-top: 5px;
        color: #222;
        font-size: 18px;
        font-weight: bold;
    .meta
        display: block;
        font-size: 11px;
        color: #666;
        clear: right;
    .blog-entry
        clear: both;
        padding-top: 2px;
    #searchform
        margin: 8px 0;
        padding: 0;
    @Search form styles
    #searchform fieldset
        margin: 0;
        padding: 0;
        border: 0;
    #searchform label
        color: #999;
        display: none;
    #searchform input
        width: 160px;
        color: #222;
    #searchform #submitquery
        display: none;
    #wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap p {
        line-height: 1.35em;
        text-align: justify;
    #wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-1 .content-wrap #Accordion1 .AccordionPanel.AccordionPanelOpen .AccordionPanelContent p {
        line-height: 1em;
    #wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us #sprytextarea1 span .content-wrap {
        font-size: .5em;
    #wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us #website {
    #wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us #website {
        display: none;
    #wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us #website label {
        display: none;
    #website {
        display: none;
    #wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset legend {
        font-size: 1.1em;
    #wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset legend {
        font-size: 1.1em;
    #wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset legend {
        font-size: 4em;
    #wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset .AccordionPanelContent {
        font-size: 1em;
    #wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset .AccordionPanelContent {
        font-size: 3em;
    .fieldname {
        font-size: .9em;
    CSS for Horizontal Nav Bar:
    #menu4 {
        width: 829px;
        margin: 0 auto 0 auto;
    #menu4 ul {
        list-style:none;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 30px;
        letter-spacing: -3px;
        line-height: 1.2em;
        border-top:5px dotted #c7e7f3;
        border-bottom:5px dotted #c7e7f3;
        float:left;
        clear:both;
        margin:20px;
        text-align:center
    #menu4 ul li{
        float:left;
    #menu4 ul li a{
        display:block;
        text-decoration:none;
        padding:10px 10px 5px 10px;
        color:#66b8d8;
        width:170px;
    #menu4 ul li a span{
        display:block;
    #menu4 ul li a span.title{
    #menu4 ul li a:hover span.title{
        color:#00adef;
    #menu4 ul li a span.text{
        padding:0px 5px;
        font-family: Georgia, serif;
        font-size: 13px;
        font-style: italic;
        font-weight: normal;
        letter-spacing: normal;
        line-height: 1.6em;
        color:#c7e7f3;
        visibility:hidden;
    #menu4 ul li a:hover span.text{
        visibility:visible;
    Thanks!

  • Add cell border to spry menu bar

    Hello,
    I need help with editing a style sheet for a Spry menu bar I
    made in Dreamweaver CS3. All I need to do is to add a thin (1px)
    dark gray border to the cells on the main navigation bar.
    Is there a bit of code I have to change/insert in the style
    sheet? I can't figure it out. Please help.
    Thanks,
    Kevin

    I have not figured out how to make the background images
    different in the menu and sub-menus but to add a background image
    in general you must double click on the css rule
    ul.menubarhorizontal ul under the css style bar "all rules" and
    select background and then you can place a background image.
    Depending on the image and how you would like it to display you
    will want to alter the following options: repeat, attachment(not
    really necessary for a menu bar image), horizontal and vertical
    position.
    I solved my menu bar issue by making the graphic long enough
    to fill both the menu bar area of 118px (it just cuts off the
    extra) and sub-menu area of 235px .
    Here is a link to the site I am working on :
    www.ssctestsite.org

  • Spry Navigation Bar going wrong way in IE

    I have horizontal navigation bar through spry in Dreamweaver. In all other web browsers, my first level of drop down menus go directly down from the main menu items. In IE they go directly right! Does anyone know what I can do to fix this problem and quickly. My final presentation is Tuesday. I am new to all this and I don't have the foggiest how to fix it! Thanks in advance for any and all assistance with this matter!!!!!!

    It would be a lot easier to answer your question if you had a link to your site or at the very laest showed your markup.
    I assume that you have made the menu item widths as being auto rather than a fixed width in which case IE will use the full width available to show the submenu items.
    To counteract this you need the following style rules
    ul.MenuBarHorizontal ul li {
        display: block;
        float: none !important;
        width: auto;
        white-space: nowrap;
        border-bottom: solid 1px #EEE;
    The !important overrides the style rule that is given the element by the JS.
    Gramps

  • How do I get rid of the white space between my header and my spry navigation bar?

    I have been grappling with a problem for the past 2 days and cannot seem to work my way around it. I have been working on a page in dreamweaver cs4 that seems to have whitespace between the header and my spry menu bar ONLY in Firefox. Google Chrome and Safari show it correctly. Could you steer me in the right direction for getting rid of that space. Here is the page: http://www.margaritascafe.com/margaritas_layout.html
    Here is my code and thanks in advance for your help:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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" />
    <title>Untitled Document</title>
    <link href="margaritastyles.css" rel="stylesheet" type="text/css" />
    <script src="Margaritas_temp_spry/SpryMenuBar.js" type="text/javascript"></script>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <link href="Margaritas_temp_spry/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrapper">
      <div id="header">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1000" height="250" id="FlashID" tabindex="10" title="Margarita's Cafe header 2">
          <param name="movie" value="flash_movies/Margaritas Header 3.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="9.0.45.0" />
          <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
          <!--[if !IE]>-->
          <object type="application/x-shockwave-flash" data="flash_movies/Margaritas Header 3.swf" width="1000" height="250">
            <!--<![endif]-->
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
            <param name="swfversion" value="9.0.45.0" />
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
            <div>
              <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
              <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
            </div>
            <!--[if !IE]>-->
          </object>
          <!--<![endif]-->
        </object>
      </div>
      <div id="navigation">
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="#">Home</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Menus</a>
            <ul>
              <li><a href="#">Lunch</a></li>
              <li><a href="#">Dinner</a></li>
              <li><a href="#">Cocktail</a></li>
              <li><a href="#">Take Out</a></li>
            </ul>
          </li>
          <li><a href="#">Photos</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Catering</a>
            <ul>
              <li><a href="#">Private Parties</a></li>
            </ul>
          </li>
          <li><a href="#">Reservations</a></li>
          <li><a href="#">Contact</a></li>
          <li><a href="#">Reviews</a></li>
          <li><a href="#">Directions</a></li>
        </ul>
      </div>
      <div id="maincontentlayout3">Content for  id "maincontentlayout3" Goes Here</div>
      <div id="specials"><img src="png-gif-jpg/Tuesday Night Banner.jpg" width="200" height="70" alt="Margarita's Tuesday Night Special" /><img src="png-gif-jpg/Wednesday Banner.jpg" width="200" height="70" alt="Wednesday 2 for 1 dinner special at Margarita's" /><img src="png-gif-jpg/Thursday Banner.jpg" width="200" height="70" alt="Ladie's Night Thursdays at Margarita's Cafe" /><img src="png-gif-jpg/Friday Banner.jpg" width="200" height="70" alt="TGIF Happy Hour on Friday's at Margarita's Cafe" /><img src="png-gif-jpg/Sunday Banner.jpg" width="200" height="70" alt="Sunday Kids Eat Free at Margarita's Cafe!" /></div>
      <div id="footer"><img src="png-gif-jpg/Margaritas Facebook logo.png" alt="Facebook" width="40" height="25" align="absmiddle" /> <img src="png-gif-jpg/Margaritas Twitter logo.png" alt="Twitter Logo" width="40" height="25" align="absmiddle" /><img src="png-gif-jpg/merchantcircle_mini.png" alt="Merchant Circle Logo" width="63" height="25" align="absmiddle" /></div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"Margaritas_temp_spry/SpryMenuBarDownHover.gif", imgRight:"Margaritas_temp_spry/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

    CSS:
    #navigation {margin-top: -3px;}
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

Maybe you are looking for

  • After editing in photoshop cs6 my photoshop edited image does not appear in Lightroom 4

    after editing in photoshop cs6 my photoshop edited image does not appear in Lightroom 4 can anyone help?

  • QoS 881 router not policing

    Hi, I'm trying to setup QoS policing to limit bandwith for some protocols. I'm using a 881 router. I just want to police the traffic for the protocols and configured this: class-map filetransfer  match protocol itunes  match protocol bittorrent  matc

  • Flash not allowed on iPhone or iPad

    Heads up! Read this, http://news.yahoo.com/s/ytech_gadg/20100409/tc_ytech_gadg/ytech_gadg_tc1546 Damn, I was looking forward to really studying on making some nice apps

  • OS X Lion: Worthy Software?

    As I read more an more on the forum, I continue to so many problems with os x lion. I need an answer. Are all the problems really evident, or are users making them up? I need to know a defintite answer because my computer will be very important for h

  • FWSM failover

    Guys, I have a dought about failover with FWSM. I have 2 Cisco 6500 with FWSM board. They work with Active (Primary) /Standby (Standby). This days, I had a problem with Active,  then, the Standby was changed to Active, ok. When the Primary returned,