Announcement

Collapse
No announcement yet.

Menu Navigation Causing Issues with Editor

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Menu Navigation Causing Issues with Editor

    Hello,
    I am new to the forum. I am using template number 4008.
    Store name is darlingbabyorganics

    So I edited my frame.html file, uploaded a js file, and got my Drop Down Menu to work. But now for the issue, and I am not sure how big of an issue this is.

    In firefox and chrome, I cannot get the pages in the "3dcart Store Manager 4.0" to open. They do open in Internet Explore. I am ok with just editing in Internet Explorer moving forward, But I am just concerned that there are other issues that will come from this. I will paste code below from my frame.html file.
    Thank you
    Code:
    <!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>
    <title>[TITLE]</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    [META]
    <script language="JavaScript" src="assets/templates/common/js/utilities.js" type="text/JavaScript"></script>
    <link rel="StyleSheet" href="assets/templates/[template]/css/[stylesheet]" type="text/css" media="screen">
    <!--START: FRAME_RSSFEEDS -->
    <link rel="alternate" type="application/rss+xml" title="Featured Items (RSS 2.0)" href="[store_url]/rss.asp?type=home">
    <link rel="alternate" type="application/rss+xml" title="Products On Sale (RSS 2.0)" href="[store_url]/rss.asp?type=onsale">
    <link rel="alternate" type="application/rss+xml" title="New Releases (RSS 2.0)" href="[store_url]/rss.asp?type=newreleases">
    <link rel="alternate" type="application/rss+xml" title="Best Sellers (RSS 2.0)" href="[store_url]/rss.asp?type=bestsellers">
    <link rel="alternate" type="application/rss+xml" title="Latest Blog Posts (RSS 2.0)" href="[store_url]/rss.asp?type=blog">
    <!--START: RSSFEEDS_CATEGORIES-->
    <link rel="alternate" type="application/rss+xml" title="[category_name] (RSS 2.0)" href="[store_url]/rss.asp?type=category&catid=[catid]">
    <!--END: RSSFEEDS_CATEGORIES-->
    <!--END: FRAME_RSSFEEDS -->
    <!--START: quicksearch-->
    <script type="text/javascript" src="assets/templates/common/js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="assets/templates/common/quicksearch/jquery.quicksearch.js"></script>
    <link rel="stylesheet" href="assets/templates/common/quicksearch/quicksearch.css">
    <script type="text/javascript">
    jQuery(function() {
                    jQuery('#searchlight').searchlight('/search_quick.asp');
                });
    </script>
    <!--END: quicksearch-->
    </head><body>
    <center>
      <table width="[screenwidth]" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="50%" height="110"><!--START: global_header--> 
                  <span class="store-name">[storename]</span><br>
                  <span class="store-slogan">[storeslogan]</span> 
                  <!--END: global_header--></td>
                <td width="50%" align="right" valign="top"><!--START: username-->
                  <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="18"><img src="assets/templates/[template]/images/loginL.png" width="18" height="50" alt=""></td>
                      <td valign="top" class="menu-text" style="background: url(assets/templates/[template]/images/loginM.png) repeat-x; padding: 14px 0px 0px 0px;">[account_greeting] [username]<a href="logout.asp" style="text-decoration: underline;">logout</a></td>
                      <td width="18"><img src="assets/templates/[template]/images/loginR.png" width="18" height="50" alt=""></td>
                    </tr>
                  </table>
                  <!--END: username--><!--START: FRAME_SEARCH-->
                  <div><img src="assets/templates/[template]/images/spacer.gif" width="1" height="22" alt=""></div>
                  <form method="get" name="searchForm" action="search.asp" style="margin: 0px; padding: 0px;">
                    <table cellspacing="0" cellpadding="0" border="0">
                      <tr>
                        <td><input type="text" size="25" name="keyword" id="searchlight" class="search-text" onFocus="javascript:if (document.searchForm.keyword.value=='search by keyword') {document.searchForm.keyword.value='';};"  onblur="if(this.value.length == 0) this.value = 'search by keyword'" value="search by keyword"></td>
                        <td><input type="image" src="assets/templates/[template]/images/search_btn.png" name="search" value="GO"></td>
                      </tr>
                    </table>
                  </form>
                  <!--END: FRAME_SEARCH--></td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td height="38" class="navBG"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="left"><style type="text/css">
    .tab{
    font-family: arial, verdana, san-serif;
    font-size: 14px;
    }
    .asd
    {
    text-decoration: none;
    font-family: arial, verdana, san-serif;
    font-size: 13px;
    color:#4234ff;
    }
    
    /*****remove the list style****/
    #nav {
    margin:0;
    padding:0;
    list-style:none;
    }
    
    /*****LI display inline *****/
    #nav li {
    float:left;
    display:block;
    width:100px;
    background:#59533f;
    position:relative;
    z-index:500;
    margin:0 1px;
    }
    
    /*****parent menu*****/
    #nav li a {
    display:block;
    padding:8px 5px 0 5px;
    font-weight:700;
    height:23px;
    text-decoration:none;
    color:#ffffff;
    text-align:center;
    color:#ffeecc;
    }
    
    #nav li a:hover
    {
    color:#3a722a;
    }
    
    /* style for default selected value */ #nav a.selected {
    color:#4234ff;
    }
    /* submenu */ #nav ul
    {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
    }
    
    #nav ul li
    {
    width:100px;
    float:left;
    border-top:1px solid #fff;
    }
    
    /* display block will make the link fill the whole area of LI */ #nav ul a
    {
    display:block;
    height:15px;
    padding: 8px 5px;
    color:#30290f
    }
    
    #nav ul a:hover
    {
    text-decoration:underline;
    padding-left:15px;
    }
    </style>
    
    <script type="text/javascript" src="http://earntoday.com/images/jquery.js">
    </script>
    
    <script type="text/javascript">
    $(document).ready(function () {
    $('#nav li').hover(
    function () {
    //show its submenu
    $('ul', this).slideDown(350);
    },
    function () {
    //hide its submenu
    $('ul', this).slideUp(350);
    }
    );
    });
    </script>
    
    <input type=hidden name=arav value="7*#*#*3*#*#*3*#*#*1*#*#*1*#*#*1*#*#*1*#*#*1"><ul id='nav'>
    <li> <a href='http://www.espn.com'>Products</a>
    <ul>
    <li style='background-color:#d5cba5;'><a href=http://www.espn.com'>Gift Sets</a></li>
    <li style='background-color:#d5cba5;'><a href=#>Clothing</a></li>
    <li style='background-color:#d5cba5;'><a href=#>Accessories</a></li>
    </ul>
    <li> <a href='#'>About Us</a>
    <ul>
    <li style='background-color:#d5cba5;'><a href=#>1</a></li>
    <li style='background-color:#d5cba5;'><a href=#>2</a></li>
    <li style='background-color:#d5cba5;'><a href=#>3</a></li>
    </ul>
    <li> <a href='#'>Learn</a>
    <ul>
    <li style='background-color:#d5cba5;'><a href=#>1</a></li>
    </ul>
    <li> <a href='#'>My Account</a>
    <ul>
    <li style='background-color:#d5cba5;'><a href=#>1</a></li>
    </ul>
    <li> <a href='#'>Contact Us</a>
    <ul>
    <li style='background-color:#d5cba5;'><a href=#>1</a></li>
    </ul>
    <li> <a href='#'>Blog</a>
    <ul>
    <li style='background-color:#d5cba5;'><a href=#>1</a></li>
    </ul>
    <li> <a href='#'>Extra</a>
    <ul>
    <li style='background-color:#d5cba5;'><a href=#>1</a></li>
    </ul>
    </li>
    </ul>
    
    
    </td>
                <td align="right"><!--START: shopping_cart--><table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td><img src="assets/templates/[template]/images/cart.png" alt="Shopping Cart" width="13" height="11"></td>
                      <td><img src="assets/templates/[template]/images/spacer.gif" width="13" height="1" alt=""></td>
                      <td nowrap="nowrap" class="cart-text"><a href="view_cart.asp">SHOPPING CART</a>: <span class="cart-items">([ITEMSINCART])</span> ITEMS</td>
                      <td><img src="assets/templates/[template]/images/spacer.gif" width="13" height="1" alt=""></td>
                    </tr>
                  </table><!--END: shopping_cart--></td>

  • #2
    replied to your pm
    TheCartDesigner.com
    Not 3dcart Owned or Operated
    100% Independent 3dcart Expert


    Follow Us on Twitter

    Comment

    Working...
    X