Spry horizontal menu - IE6 issue with drop downs not displaying correctly

Hello everyone,
I have an IE6 display issue with a spry horizontal menu on a website I recently developed and hope someone can help me sort it out.
You can see the live site here: www.callumstrust.org
This is a site for a new charity so obviously I'm very keen to get it sorted out as soon as I can. The easiest way to view the problem is to either view it in IE6, or view it IE8, turn on the Developer Tools and change the Document Mode to 'Quirks mode'. you'll immediately see that the sub-menus on the header menu display permanently as a full width list, and not as a drop down menu as they should.
I think the problem lies with the 'width' being set to 'auto' in the ul.MenuBarHorizontal li style. However, I can't seem to get the style right to display the menu on a single line with enough space for text of all the menu items.
Can anyone advise on how to sort this out? I've not posted any code here: let me know if you need this and I'll happily post it.
Many thanks,
chris.

Hello everyone,
I have an IE6 display issue with a spry horizontal menu on a website I recently developed and hope someone can help me sort it out.
You can see the live site here: www.callumstrust.org
This is a site for a new charity so obviously I'm very keen to get it sorted out as soon as I can. The easiest way to view the problem is to either view it in IE6, or view it IE8, turn on the Developer Tools and change the Document Mode to 'Quirks mode'. you'll immediately see that the sub-menus on the header menu display permanently as a full width list, and not as a drop down menu as they should.
I think the problem lies with the 'width' being set to 'auto' in the ul.MenuBarHorizontal li style. However, I can't seem to get the style right to display the menu on a single line with enough space for text of all the menu items.
Can anyone advise on how to sort this out? I've not posted any code here: let me know if you need this and I'll happily post it.
Many thanks,
chris.

Similar Messages

  • Horizontal Menu Bar Drop Downs Not Displaying

    I've had this problem before and here I am grappling with it again.  I have a Spry horizontal menu bar with a few drop down menus on it.  The drop downs are not displaying above the other layers on the page.  http://bakerlake50k.com/draft/index.php
    Need help.
    Jeannette

    I get dizzy when I look at your markup. Have a look at the following
    <body class="BakerLake_body_design">
    <div class="BakerLake">
      <!-- (CSSLayouts Begin)  #BakerLake #build_version=1.1.276;pack=;category=;layout=;layoutType=page;scheme=;cssSource=file;ass ets=;halign=center;minwidth=964px;maxwidth=964px;width=964px;bc=;bl=-->
      <div class='cssLO BakerLake_wrapper_layout'>
        <div class='wrapper cssLI BakerLake_wrapper_design'>
          <div class='cssLO BakerLake_row_1_layout'>
            <div class='row_1 cssLI BakerLake_row_1_design'>
              <div class='cssLO BakerLake_row_1_xtdalignwrapper_layout'>
                <div class='row_1_xtdalignwrapper cssLI BakerLake_row_1_xtdalignwrapper_design'>
                  <div class='cssLO BakerLake_row_2_layout'>
                    <div class='row_2 cssLI BakerLake_row_2_design'>
                      <!-- row_2 Content Starts Here -->
                      <p> </p>
                      <p> </p>
                      <p> </p>
                      <p> </p>
                      <p> </p>
                      <ul id='MenuBar'>
    and compare that to
    <body>
    <div id="header">
    </div>
    <div id="nav">
    </div>
    The document looks like
    <!DOCTYPE html>
    <html>
    <head>
    <title>Untitled Document</title>
    <link href="styles.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    <div id="header">
    </div>
    <div id="nav">
        The Spry Menubar goes here
    </div>
    <div id="content">
        <div class="article">
      </div>
    </div>
    </body>
    </html>
    and the stylesheet
    /* CSS Document */
    html {
        background: #ccc;
        height: 100%;
    body {
        background: #333;
        width: 1000px;
        margin: auto;
        height: 100%;
    #header {
        background: url(http://bakerlake50k.com/images/bk-header2.gif) no-repeat 30px;
        height: 233px;
    #nav {
        height: 28px;
        background: #000;
        color: #FFCC00;
        width: 900px;
        margin: -30px auto 0 auto;
    #content {
        background: #000;
        padding: 30px;
        margin-top: 15px;
        height: 100%;
    #content .article{
        width: 750px;
        float: left;
        background: #FFF;
        height: 100%;
    If you follow the proposed structure, your SpryMenuBar worries will be a thing of the past
    Gramps

  • Problems with Turkish characters not displaying correctly

    A user is having problems with certain Turkish characters in particular fonts not displaying correctly (as shown below).
    The two fonts (Gill Sans and Helvetica LT CondensedLight) are used for English language marketing material.  Ideally, for continuity, the same font would be preferred for our Turkish language marketing material rather than changing it to a similar font.
    Helvetica LT CondensedLight
    Turkish character “ İ ” does not display correctly in either Word or InDesign.
    Gill Sans
    Turkish characters “ ş ” and “ ğ ” display correctly in Word but not InDesign.
    My questions are:
    1. For Gill Sans, why are the characters not displaying in InDesign but are in Word?
    2. I've noticed here: http://www.webtype.com/font/gill-sans-family/#glyphs-tab that the required characters are available within the Gill Sans font.  Is this because the font is newer and includes the additional characters?  Would this work in InDesign?

    One of the big differences between InDesign and Word is that Word will happily substitute glyphs without telling you. So, unless your installs of Word and of InDesign are using different versions of Gill Sans (which is possible, BTW) then your s-with-cedilla and your g-with-macron are actually not in Gill Sans but in some other font. I'm guessing Arial.
    It's possible that you have more than one Gill Sans installed (e.g. one in your Document Fonts folder and another in your system fonts folder) that have different glyph complements. Gill Sans has been around a long time, and the version I have from the 90s has no Turkish support whatsoever.
    As far as the capital-I-with-dot, you can check your glyph coverage in a variety of ways. In both InDesign and Word, you can open up a window that shows you all of the glyphs in a font. In InDesign, find it in Type -> Glyphs. In Word, it's called "Insert Symbol" and you can find it in Word 2010 by going to Insert -> Symbol -> More Symbols. I am guessing that the answer to this question is simply that your cut of Helvetica LT has no cap-I-with-dot. You'd need to pick a font that actually has support for Turkish. On WIndows, I use a very full-featured freebie called BabelMap to check font coverage. They have a Web version here:
    http://www.babelstone.co.uk/Unicode/babelmap.html
    but I personally prefer the downloadable .exe file.

  • Abstract classes and methods with dollar.decimal not displaying correctly

    Hi, I'm working on a homework assignment and need a little help. I have two classes, 1 abstract class, 1 extends class and 1 program file. When I run the program file, it executes properly, but the stored values are not displaying correctly. I'm trying to get them to display in the dollar format, but it's leaving off the last 0. Can someone please offer some assistance. Here's what I did.
    File 1
    public abstract class Customer//Using the abstract class for the customer info
    private String name;//customer name
    private String acctNo;//customer account number
    private int branchNumber;//The bank branch number
    //The constructor accepts as arguments the name, acctNo, and branchNumber
    public Customer(String n, String acct, int b)
        name = n;
        acctNo = acct;
        branchNumber = b;
    //toString method
    public String toString()
    String str;
        str = "Name: " + name + "\nAccount Number: " + acctNo + "\nBranch Number: " + branchNumber;
        return str;
    //Using the abstract method for the getCurrentBalance class
    public abstract double getCurrentBalance();
    }file 2
    public class AccountTrans extends Customer //
        private final double
        MONTHLY_DEPOSITS = 100,
        COMPANY_MATCH = 10,
        MONTHLY_INTEREST = 1;
        private double monthlyDeposit,
        coMatch,
        monthlyInt;
        //The constructor accepts as arguments the name, acctNo, and branchNumber
        public AccountTrans(String n, String acct, int b)
            super(n, acct, b);
        //The setMonthlyDeposit accepts the value for the monthly deposit amount
        public void setMonthlyDeposit(double deposit)
            monthlyDeposit = deposit;
        //The setCompanyMatch accepts the value for the monthly company match amount
        public void setCompanyMatch(double match)
            coMatch = match;
        //The setMonthlyInterest accepts the value for the monthly interest amount
        public void setMonthlyInterest(double interest)
            monthlyInt = interest;
        //toString method
        public String toString()
            String str;
            str = super.toString() +
            "\nAccount Type: Hybrid Retirement" +
            "\nDeposits: $" + monthlyDeposit +
            "\nCompany Match: $" + coMatch +
            "\nInterest: $" + monthlyInt;
            return str;
        //Using the getter method for the customer.java fields
        public double getCurrentBalance()
            double currentBalance;
            currentBalance = (monthlyDeposit + coMatch + monthlyInt) * (2);
            return currentBalance;
    }File 3
        public static void main(String[] args)
    //Creates the AccountTrans object       
            AccountTrans acctTrans = new AccountTrans("Jane Smith", "A123ZW", 435);
            //Created to store the values for the MonthlyDeposit,
            //CompanyMatch, MonthlyInterest
            acctTrans.setMonthlyDeposit(100);
            acctTrans.setCompanyMatch(10);
            acctTrans.setMonthlyInterest(5);
            DecimalFormat dollar = new DecimalFormat("#,##0.00");
            //This will display the customer's data
            System.out.println(acctTrans);
            //This will display the current balance times 2 since the current
            //month is February.
            System.out.println("Your current balance is $"
                    + dollar.format(acctTrans.getCurrentBalance()));
        }

    Get a hair cut!
    h1. The Ubiquitous Newbie Tips
    * DON'T SHOUT!!!
    * Homework dumps will be flamed mercilessly. [Feelin' lucky, punk? Well, do ya'?|http://www.youtube.com/watch?v=1-0BVT4cqGY]
    * Have a quick scan through the [Forum FAQ's|http://wikis.sun.com/display/SunForums/Forums.sun.com+FAQ].
    h5. Ask a good question
    * Don't forget to actually ask a question. No, The subject line doesn't count.
    * Don't even talk to me until you've:
        (a) [googled it|http://www.google.com.au/] and
        (b) had a squizzy at the [Java Cheat Sheet|http://mindprod.com/jgloss/jcheat.html] and
        (c) looked it up in [Sun's Java Tutorials|http://java.sun.com/docs/books/tutorial/] and
        (d) read the relevant section of the [API Docs|http://java.sun.com/javase/6/docs/api/index-files/index-1.html] and maybe even
        (e) referred to the JLS for "advanced" questions.
    * [Good questions|http://www.catb.org/~esr/faqs/smart-questions.html#intro] get better Answers. It's a fact. Trust me on this one.
        - Lots of regulars on these forums simply don't read badly written questions. It's just too frustrating.
          - FFS spare us the SMS and L33t speak! Pull your pants up, and get a hair cut!
        - Often you discover your own mistake whilst forming a "Good question".
        - Often you discover that you where trying to answer "[the wrong question|http://blog.aisleten.com/2008/11/20/youre-asking-the-wrong-question/]".
        - Many of the regulars on these forums will bend over backwards to help with a "Good question",
          especially to a nuggetty problem, because they're interested in the answer.
    * Improve your chances of getting laid tonight by writing an SSCCE
        - For you normal people, That's a: Short Self-Contained Compilable (Correct) Example.
        - Short is sweet: No-one wants to wade through 5000 lines to find your syntax errors!
        - Often you discover your own mistake whilst writing an SSCCE.
        - Often you solve your own problem whilst preparing the SSCCE.
        - Solving your own problem yields a sense of accomplishment, which makes you smarter ;-)
    h5. Formatting Matters
    * Post your code between a pair of &#123;code} tags
        - That is: &#123;code} ... your code goes here ... &#123;code}
        - This makes your code easier to read by preserving whitespace and highlighting java syntax.
        - Copy&paste your source code directly from your editor. The forum editor basically sucks.
        - The forums tabwidth is 8, as per [the java coding conventions|http://java.sun.com/docs/codeconv/].
          - Indents will go jagged if your tabwidth!=8 and you've mixed tabs and spaces.
          - Indentation is essential to following program code.
          - Long lines (say > 132 chars) should be wrapped.
    * Post your error messages between a pair of &#123;code} tags:
        - That is: &#123;code} ... errors here ... &#123;code}
        - OR: &#91;pre]&#123;noformat} ... errors here ... &#123;noformat}&#91;/pre]
        - To make it easier for us to find, Mark the erroneous line(s) in your source-code. For example:
            System.out.println("Your momma!); // <<<< ERROR 1
        - Note that error messages are rendered basically useless if the code has been
          modified AT ALL since the error message was produced.
        - Here's [How to read a stacktrace|http://www.0xcafefeed.com/2004/06/of-thread-dumps-and-stack-traces/].
    * The forum editor has a "Preview" pane. Use it.
        - If you're new around here you'll probably find the "Rich Text" view is easier to use.
        - WARNING: Swapping from "Plain Text" view to "Rich Text" scrambles the markup!
        - To see how a posted "special effect" is done, click reply then click the quote button.
    If you (the newbie) have covered these bases *you deserve, and can therefore expect, GOOD answers!*
    h1. The pledge!
    We the New To Java regulars do hereby pledge to refrain from flaming anybody, no matter how gumbyish the question, if the OP has demonstrably tried to cover these bases. The rest are fair game.

  • Business Contact Manager 2013 Issue with drop down menus not working correctly and BCM disappearing.

    We upgraded from BCM 2007 to BCM 2013.  Now the BCM disappears from Outlook occasionally and the drop down menus are confused. for instance when accessing the drop down for phone numbers, the user selects company - but the field for TTY/TDD comes up.
    Shows fields that don't exist etc.
    The client is using Office 2013 Pro Premium from Office 365 Small Business Premium subscription and BCM downloaded from Microsoft website.
    Please let me know what the support avenues are for this product.
    Chris Smith

    Hi,
    This issue may be caused since the BCM was not installed properly.
    Please go to Control Panel -> Programs and Features, find Business Contact Manager for Microsoft Outlook and Uninstall it.
    Then go to
    http://www.microsoft.com/en-us/download/details.aspx?id=36513, download the right version of BCM(32bit or 64bit) and install it.
    If issue persists, you may provide the screenshots of the issue, post them to SkyDrive and share it via a link:https://skydrive.live.com/, then we will have a better understanding on the issue.
    Thanks,
    Melon Chen
    Forum Support
    Come back and mark the replies as answers if they help and unmark them if they provide no help.
    If you have any feedback on our support, please click
    here

  • Hyperion analyzer 7.2.5 - Issue with drop downs

    Hi ,
    We are using Hypeirn Analyzer 7.2, I am trying to customize 2010 drop downs for the users.- For this I am going to the cube navigator -select the year dimension and check mark the 2010 year-- Now I am able to see the drop down 2010, but for some other reports when I hit cube navigator the year dimension is under Filters and it is bold- I double click the Year dimension and selected the year 2010...now for this report I cant see the drop down 2010...
    what I need to do to get the drop down 2010 when year dimension is bold font under filters??
    Thanks in advance..

    Hi ,
    Thank You for your reply I know how to check database connections for Hyperion Reports but I didn't find for Hyperion Analyzer...do you know?
    Thank You

  • Recurring calendar entries synced with exchange do not display correctly on ipad

    Hi
    I have just bought a new ipad2. It is full updated to IOS version 4.3.2
    I have set it up to sync with my Exchange Server Outlook account
    Any calandar entries that I have in outlook that are "all day" and recurring (eg birthdays) display correctly in Outlook, but on the ipad they display over 2 days - the correct day and the following day. For some reason the "all day" setting is getting them to span midnight
    Any ideas how to fix this?
    Thanks

    I've seen issues with all day appointments over the years.  It seems to me that the  recommendation Microsoft makes is not to schedule all day appointments, rather block out a time say 9-5 or whatever ....you might also look at your time zone setup and see if there is anything weird  there....sometimes if time zone are not setup right, the all day appointment shows up as partially in the next day...

  • List column drop down not displaying all choices when user has read permissions

    One of my co-workers created a workflow with an associated list. I gave a user read permissions to the list but they cannot view or filter all of the choices from a column.  For example the column is named STATUS and has 4 choices, COMPLETED, CANCELED,
    IN-PROGRESS and NOT STARTED but the user is only able to view the COMPLETED items.

    Hi brianti,
    For troubleshooting this issue, please provide the followings:
    Could other user with full control see all items?
    How did you create the list? I am wondering whether you enabled Content Approval in the list. If yes, please go to List settings->Versioning settings, select "Any user who can read items" under "Who should see draft items in this
    list? ".
    How did your co-worker create the workflow? Please provide the actions that your co-worker used in the workflow.
    If you provide the above, it will make others in the forum easy to find a solution for you.
    Best Regards,
    Wendy
    TechNet Community Support
    Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
    [email protected]

  • Issues with Java and not loading correctly

    Hoping someone can help. I've recently loaded the latest revision of Java from the Java website, however when I try to validate the installation using the Java Validate page or try other Java enabled pages, I get a General Exception Error or the normal RED X and no applet.
    I'm getting this error (I've tried changing the internet options, script running, enabling Java, Connection methods etc and nothing)
    Sorry - cant find the exact error at the moment, but something like
    JBM.Class not found (Exception Error). Java seems to install OK, but it's almost as though it is not install properly and the registry is wrong?
    Hope someone can help as it's frustrating!

    If you want assistance, you need to provide exact details of the problem, and the code involved. A general statement/information is of no value.
    Read about classpath usage, and how Java finds classes, here:
    http://java.sun.com/j2se/1.5.0/docs/tooldocs/index.html#general
    The information you need is contained therein - if the problem is that Java is not finding a class.

  • Spry horizontal menu problem in IE and Chrome

    First I'd like to express my frustration with spry. I spend way too much time trying to "band-aid" spry to work in different browers. I'll admit that I'm new to the web game but I seem to spend a large percentage of my time simply trying different "fixes" to something that I don't think should be this much of a problem. Regardless ...
    I've made a pretty simple web page, put a spry horizontal menu on it and it works and displays just like it's supposed to in FF but IE and Chrome both seem to have a problem with it. Currently there are no links attached to it but that's not my problem - getting it to display correctly is. Possibly this issuehas already been addressed but I couldn't find it in the forum. Webpage can be viewed here
    I've put (what I believe to be) the relevant css on the Main Content section of the page. Any help will be much appreciated. Thanks in advance.

    I am so glad that you started again, this is the best way to learn, trial and error.
    To fix your woes to date, have a look at the following
    .thrColFixHdr #header {padding:0;} /*remove the padding from the menubar container*/
    ul.MenuBarHorizontal{width:auto;margin:0;} /*remove the fixed width and auto margin*/
    ul.MenuBarHorizontal li{width:16.6667%;} /*spread the 6 items over the full width 6*16.6667% = 100%*/
    ul.MenuBarHorizontal ul a{text-align:left;} /*Set the the alignment back to left for any menu item links that are in a sub menu*/
    To add images to your menu items have a look at the following http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html, you will find it at the bottom of the page.
    I did not realise that SolidWorks still existed, started using it in the mid 1990's, excellent product, easy to use and promotes fast product development. I lost track of it when I went for retirement 10 years ago.
    Gramps.

  • Spry Horizontal Menu List Items crash IE6 browser

    ****Update*****
    Apparently, it was width:100%; set on each hover over
    background color for the list items in our default stylesheet that
    was causing IE6 to crash.
    Menus are in working order in all browsers now!
    We have integrated the Spry Horizontal Menu with a website,
    and added custom styling to SpryMenuBarHorizontal.css. The menu
    works in Mozilla, Safari, and IE7. However, in IE6, after hovering
    over the navigation, the drop down menu appears, but, as soon as
    you move your mouse into the drop down to select an item from the
    list, IE6 crashes. Every time. Various Computers.
    We have tried reverting to the original
    SpryMenuBarHorizontal.css file, however, the same problem occurs.
    We haven't made any changes to the original js file
    (SpryMenuBar.js).
    Has anyone ever experienced this issue?
    Here is our customized CSS:
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - Revision: Spry Preview Release
    1.4 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights
    reserved. */
    LAYOUT INFORMATION: describes box model, positioning,
    z-order
    img#nfl {
    background-image:url(/Images/slices/nfl.png);
    background-repeat:no-repeat;
    height:14px;
    width:40px;
    margin:7px auto auto 25px;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
    sizingMethod=scale src="/Images/slices/nfl.png");
    _background-repeat:no-repeat;
    _background-image:none;
    img#mlb {
    background-image:url(/Images/slices/mlb.png);
    background-repeat:no-repeat;
    height:14px;
    width:43px;
    margin:7px 20px auto auto;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
    sizingMethod=scale src="/Images/slices/mlb.png");
    _background-repeat:no-repeat;
    _background-image:none;
    img#milb {
    background-image:url(/Images/slices/milb.png);
    background-repeat:no-repeat;
    height:14px;
    width:112px;
    margin:7px auto auto auto;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
    sizingMethod=scale src="/Images/slices/milb.png");
    _background-repeat:no-repeat;
    _background-image:none;
    _margin:7px auto auto -10px;
    img#ctown {
    background-image:url(/Images/slices/ctown.png);
    background-repeat:no-repeat;
    height:14px;
    width:114px;
    margin:7px auto auto 50px;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
    sizingMethod=scale src="/Images/slices/ctown.png");
    _background-repeat:no-repeat;
    _background-image:none;
    _margin:7px auto auto 40px;
    img#nba {
    background-image:url(/Images/slices/nba.png);
    background-repeat:no-repeat;
    height:14px;
    width:43px;
    margin:7px auto auto 100px;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
    sizingMethod=scale src="/Images/slices/nba.png");
    _background-repeat:no-repeat;
    _background-image:none;
    _margin:7px auto auto 70px;
    img#nhl {
    background-image:url(/Images/slices/nhl.png);
    background-repeat:no-repeat;
    height:14px;
    width:41px;
    margin:7px auto auto 90px;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
    sizingMethod=scale src="/Images/slices/nhl.png");
    _background-repeat:no-repeat;
    _background-image:none;
    _margin:margin:7px auto auto 100px;
    img#ncaa {
    background-image:url(/Images/slices/ncaa.png);
    background-repeat:no-repeat;
    height:14px;
    width:52px;
    margin:7px auto auto 70px;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
    sizingMethod=scale src="/Images/slices/ncaa.png");
    _background-repeat:no-repeat;
    _background-image:none;
    _margin:7px auto auto 60px;
    /* The outermost container of the Menu Bar, an auto width box
    with no margin or padding */
    ul.MenuBarHorizontal
    list-style-type: none;
    cursor: default;
    width:950px;
    height:32px;
    background-image:url(/Images/slices/primaryNavSlice.png);
    background-repeat:repeat-x;
    margin:0px;
    padding:0px;
    vertical-align:middle;
    border-bottom:1px solid #000;
    /* Set the active Menu Bar with this class, currently setting
    z-index to accomodate IE rendering bug:
    http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this
    container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 8em;
    float: left;
    /* Submenus should appear below their parent (top: 0) with a
    higher z-index, but they are initially off the left side of the
    screen (-1000em) */
    ul.MenuBarHorizontal ul
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    /*width: 8.2em;*/
    width:auto;
    position: absolute;
    left: -1000em; /* without this all menus are visible without
    hover */
    /* Submenu that is showing with class designation
    MenuBarSubmenuVisible, we set left to auto so it comes onto the
    screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto; /* without this menus don't show up */
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    /*width: 8.2em;*/
    width:auto;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Menu items are a light gray block with padding and no text
    decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.15em 0.15em;
    text-decoration: none;
    ul#teamsMenu table#teams {
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
    font-size:11px;
    width:500px;
    background-color:#fff!important;
    BROWSER HACKS: the hacks below should not be changed unless
    you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form
    controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    li.ncaa_list #teams.ncaa_table {
    position:absolute;
    left:-590px;
    top:7px;
    To center the tables in the screen
    li.nfl_list #teams.nfl_table {
    position:absolute;
    top:7px;
    li.mlb_list #teams.mlb_table {
    position:absolute;
    top:7px;
    li.milb_list #teams.milb_table {
    position:absolute;
    left:-80px;
    top:7px;
    li.ctown_list #teams.ctown_table {
    position:absolute;
    top:7px;
    li.nba_list #teams.nba_table {
    position:absolute;
    left:-200px;
    top:7px;
    li.nhl_list #teams.nhl_table {
    position:absolute;
    left:-190px;
    top:7px;
    li.ncaa_list #teams.ncaa_table {
    position:absolute;
    left:-590px;
    top:7px;
    }

    I am having the same problems in IE7. I'm using the latest
    version of everything (Spry 1.6.1 and javascript file version 0.12)
    and at first I was having the problem on my drop down menus
    appearing horizontal with all the correct styles but when I changed
    the rule ul.MenuBarHorizontal ul to position: relative; the drop
    downs appear vertical now but I have no beige border around the
    whole ul anymore and I'm getting white space inbetween list items.
    http://www.wusf.usf.edu/Header_Nav_Footer_newStyleSheet.cfm
    so if anyone has any advice I'd much appreciate it. Also i'm
    using 1px width on my borders no decimals.

  • Another SPRY horizontal menu problem with IE7

    I posted this before, with no responses, but I think
    I've narrowed it down to a CSS response problem with IE7.0. If you
    view the attached link in Firefox or Opera, the menu background
    color responds correctly on the drop downs. In IE7, the
    background-color is ignored, causing the menu to be translucent
    and, uh, ugly. Has anyone else had an issue with the
    background-color CSS attribute in the SPRY horizontal menu css not
    working?
    HELLLLLP! and, uh, Thanks,
    Karl
    Prototype
    link using spry, css, ajax sprites and other magic.

    >>
    Regrettably, the silence from the forum has been deafening.
    I'm not sure if folks are just wary of SPRY and AJAX issues right
    now because they're so new or if it's the summer heat
    >>
    guess it´s all of that :-) But folks visiting these more
    "general" Dreamweaver forums are not necessarily Spry experts
    respectively might not even be interested in that -- you´ll
    certainly get more response when posting Spry related questions in
    the
    Spry
    forums @ Adobe Labs

  • Background images with spry "horizontal menu"

    hi again
    I am trying to work with the spry: "horizontal menu"
    I want to put some background images into the menu bar not into the submenu
    and that is the problem: the background images appears overall
    what can I do ?
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Unbenanntes Dokument</title>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    #container {
         margin-right: auto;
         margin-left: auto;
         width: 400px;
    -->
    </style>
    </head>
    <body>
    <div id="container">Raum für den Inhalt von  id "container"
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Element 1</a>  </li>
    <li><a class="MenuBarItemSubmenu" href="#">Element 3</a>
        <ul>
          <li><a href="#" class="MenuBarHorizontal">heija</a>      </li>
          <li><a href="#">soso</a></li>
    </ul>
      </li>
      <li><a href="#">Element 4</a></li>
    </ul>
    <p>  </p>
    <p> </p>
    <p> </p>
    <p> </p>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    and css
    ul.MenuBarHorizontal
         margin: 0;
         padding: 0;
         list-style-type: none;
         font-size: 100%;
         cursor: default;
         width: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
         z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
         margin: 0;
         padding: 0;
         list-style-type: none;
         font-size: 100%;
         position: relative;
         text-align: center;
         cursor: pointer;
         width: 100px;
         float: left;
         height: 10px;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
         margin: 0;
         padding: 0;
         list-style-type: none;
         font-size: 100%;
         z-index: 1020;
         cursor: default;
         width: 100px;
         position: absolute;
         left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
         left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
         width: 100px;
         height: 30px;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
         position: absolute;
         margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
         left: auto;
         top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
         border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
         display: block;
         cursor: pointer;
         background-color: #FEF3E4;
         padding: 0.5em 0.75em;
         color: #FFF;
         text-decoration: none;
         background-repeat: no-repeat;
         background-image: url(../rot.jpg);
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
         color: #FF0;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
         background-color: #FEF3E4;
         color: #FF0;
         background-image: url(../rot.jpg);
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
         background-color: #FEF3E4;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
         background-color: #0F9;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
         background-color: #FEF3E4;
         color: #FF0;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
         background-color: #F99;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
         position: absolute;
         z-index: 1010;
         filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
         ul.MenuBarHorizontal li.MenuBarItemIE
              display: inline;
              f\loat: left;
              background: #FFF;

    Complete page and css code below (scroll down)
    All you should be concerned with at this moment to get the background image to appear in the top level anchor is the css style below:
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-color: #000;
    background-image: url(../rot.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    I've added the background-postion because presumably you want it to appear flush left. This overides the out-of-the-box setting which positions it 95% far left.
    Here is the code and 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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Unbenanntes Dokument</title>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <head>
    <style type="text/css">
    <!--
    #container {
         margin-right: auto;
         margin-left: auto;
         width: 400px;
    -->
    </style>
    <style>
    ul.MenuBarHorizontal
         margin: 0;
         padding: 0;
         list-style-type: none;
         font-size: 100%;
         cursor: default;
         width: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
         z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
         margin: 0;
         padding: 0;
         list-style-type: none;
         font-size: 100%;
         position: relative;
         text-align: center;
         cursor: pointer;
         width: 100px;
         float: left;
         height: 10px;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
         margin: 0;
         padding: 0;
         list-style-type: none;
         font-size: 100%;
         z-index: 1020;
         cursor: default;
         width: 100px;
         position: absolute;
         left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
         left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
         width: 100px;
         height: 30px;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
         position: absolute;
         margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
         left: auto;
         top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
         border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
         display: block;
         cursor: pointer;
         background-color: #FEF3E4;
         padding: 0.5em 0.75em;
         color: #FFF;
         text-decoration: none;
         background-repeat: no-repeat;
         background-image: url(../rot.jpg);
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
         color: #FF0;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
         background-color: #FEF3E4;
         color: #FF0;
         background-image: url(../rot.jpg);
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-color: #000;
    background-image: url(../rot.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
         background-color: #0F9;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
         background-color: #FEF3E4;
         color: #FF0;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
         background-color: #F99;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
         position: absolute;
         z-index: 1010;
         filter:alpha(opacity:0.1);
    </style>
    </head>
    <body>
    <div id="container">Raum für den Inhalt von  id "container"
    <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a class="MenuBarItemSubmenu" href="#">Element 1</a>  </li>
    <li><a class="MenuBarItemSubmenu" href="#">Element 3</a>
        <ul>
          <li><a href="#" class="MenuBarHorizontal">heija</a>      </li>
          <li><a href="#">soso</a></li>
    </ul>
      </li>
      <li><a href="#">Element 4</a></li>
    </ul>
    <p>  </p>
    <p> </p>
    <p> </p>
    <p> </p>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

  • My spry horizontal menu drops then returns when clicked?

    Hello,
    I recently updated my website to include a Facebook "Like" button with counter, and now my spry horizontal menu jumps up and down when you click a menu item?
    http://www.kansascitycrates.com/index.html
    I played around with the like button position in my template, before just adding it to the existing "Recommend" position at the top.  It is simply a 2 column 1 row table.
    What setting is causing the Spry horizontal menu to jump like that?
    Thanks in advance.
    John

    Thank you SnakEyez02,
    I made the changes you suggested. The spry horizontal menu should be below the header background image.  Also, I put the Facebook plugins into a table, for lack of better understanding of controlling it's placement.  I would like both Facebook buttons to be even along the top.
    When I opened the template this morning, the last spry menu option (Testimonials) suddenly word wrapped (?) and began a second line under the first menu item (Contact).  So I played with adjusting it's width and font size. I haven't made any other template changes in 6 months and don't know why it "word wrapped"?
    Thank you again for your help. 
    JM

  • HT1341 Epson Stylus SX435W otherwise known as Workforce 435. Although Apple promises software drivers on-line attempts at downloading and ADDING repeatedly come up with drop down menu "...it is not currently available from the software server". Please hel

    Epson Stylus SX435W otherwise known as Workforce 435. Adding Driver to an iMac
    Although Apple promises software drivers on-line, my attempts at downloading and ADDING it to my iMac
    repeatedly come up with drop down menu "...it is not currently available from the  Software update server". Please help?
    I have downloaded all the Epson Printer Software but I cannot make the final step.

    Reset the printing system and then try adding the printer again.
    http://support.apple.com/kb/ht1341
    (You have installed, not just downloaded the Epson driver, right?)

Maybe you are looking for

  • 1st gen iPod Touch, old app no longer runs

    I have a first generation iPod Touch, version 3.1.3.  About a year ago I bought an app, "Converter Plus (Universal)", and it worked fine until recently when I received notice of an update.  There were a few app updates and all loaded successfully exc

  • Attachment list is not visible

    Dear all I have connected an external server to SAP. Created repository and created Doc types (say for ex : ZFIINV, ZMM DRW) and created entries using tcode OAC3 now i have assigned my doc type to corresponding Business Objects (BKPF for accounting d

  • Issues with Adobe Professional 9

    Hi We are facing some issues with Adobe Professional 9, The problems are as follows while converting the DOC file to PDF using Adobe Proff 9. 1) Bullets are missing 2) Crossreferences are not working 3) adding junk characters in header. Can you pleas

  • Please help!! Can't find "simulate download" in flash cs4 educ. edition

    Hi there, Would someone pls help me on this one?  I have the education edition of CS4 Flash pro and I can't find the simulate download/bandwidth profiler anywhere in the "View" menu where it is supposed to live.  Is it hidden somewhere, or is it not

  • Why not use Jsp for  control in MVC2 ?

    hi i am rajendra , i am preparing interview FAQ, so please give me my Que. Ans. 1) we are using servlet for control in MVC2 Module,then why we can not use Jsp for control in mvc2 2) if we used jsp for control in mvc2 then what is disadvantage compare