3 Replies Latest reply on Apr 30, 2012 9:54 AM by sudarshan.t

    problem vertical and horizontal spry menu

    dawnnolan54

      I  have a 2nd vertical menu set up with a unique id.   Can anyone tell me why when I go into live view it shows up as a vertical menu, but when I go to open up in a browser, it shows up as a horizontal menu.

        • 1. Re: problem vertical and horizontal spry menu
          sudarshan.t Level 6

          Too little information for us to be able to help you. Please post an active link to your webpage or at the least, your current code.

          • 2. Re: problem vertical and horizontal spry menu
            dawnnolan54 Level 1

            <div id="legalresourcesheader">Content for  id "legalresourcesheader" Goes Here</div>

              <div id="govttextheader">Content for  id "govttextheader" Goes Here</div>

              <div id="orgtextheader">Content for  id "orgtextheader" Goes Here</div>

              <div id="leftsprywrapper">

                <ul id="vertical3" class="MenuBarVertical">

                  <li><a class="MenuBarItemSubmenu" href="#">Indiana</a>

                    <ul>

                      <li><a href="#" class="MenuBarItemSubmenu">Laws</a>

                        <ul>

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

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

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

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

                        </ul>

                      </li>

                      <li><a href="#" class="MenuBarItemSubmenu">DOC</a>

                        <ul>

                          <li><a href="#">DOC Offender Info Search</a></li>

                          <li><a href="#">IN Sex &amp; Violent Offender Registry</a></li>

                        </ul>

                      </li>

                      <li><a href="#" class="MenuBarItemSubmenu">Judiciary</a>

                        <ul>

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

                          <li><a href="#">Rules of  Court</a></li>

                        </ul>

                      </li>

                    </ul>

                  </li>

                  <li><a href="#" class="MenuBarItemSubmenu">Federal</a>

                    <ul>

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

                      <li><a href="#" class="MenuBarItemSubmenu">Laws</a>

                        <ul>

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

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

                          <li><a href="#">Full text state statues/legislation</a></li>

                        </ul>

                      </li>

                      <li><a href="#" class="MenuBarItemSubmenu">Rules</a>

                        <ul>

                          <li><a href="#">Federal  Rules of Evidence</a></li>

                          <li><a href="#">Federal Rules of  Appellate Procedure</a></li>

                          <li><a href="#">Federal  Rules of Civil Procedure</a></li>

                          <li><a href="#">Rules of US Supreme Court</a></li>

                        </ul>

                      </li>

                      <li><a href="#" class="MenuBarItemSubmenu">Judicial Decisions</a>

                        <ul>

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

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

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

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

                        </ul>

                      </li>

                    </ul>

                  </li>

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

            </ul>

              </div>

             

            ul#vertical3 a{

                            background-color:#888cad;

                            font-size: 11px;

                            width: 90px;

                            font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

            }

            ul#vertical3 li{

                            background-color: #888cad;

                            width: 90px;

                            border-left-width: 1px;

                            border-left-style: solid;

                            border-left-color: #000;

                           

            }

            ul#vertical3 li a{

                            color:#FFF;

                            width: 110px;

                            margin-top: 0px;

                            margin-right: 0px;

                            margin-bottom: 0px;

                            margin-left: 0px;

            }

            ul#vertical3 li li{

                            background-image: url(images/itemgradient.gif);

                            margin-top: 0px;

                            margin-left: 127px;

                            width: 90px;

                            font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

                            font-size: 11px;

            }

             

            ul#vertical3 li li a{

                            color:#000;

            }

            ul#vertical3 li li li{

                            width: 90px;

                            background-color: #888bad;

                            margin-left: 125px;

                            font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

                            font-size: 11px;

            }

            ul#vertical3 li li li a{

                            color:#FFF;         

            }

            ul#vertical3 a.MenuBarItemHover, ul#vertical3 a.MenuBarItemSubmenuHover, ul#vertical3 a.MenuBarSubmenuVisible{

                            color:#33CCFF;

                            }

            • 3. Re: problem vertical and horizontal spry menu
              sudarshan.t Level 6

              Can you post an active link to your site?