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

    problem vertical and horizontal spry menu

    dawnnolan54 Community Member

      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 Community Member

          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 Community Member

            <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 Community Member

              Can you post an active link to your site?