Results 1 to 4 of 4

Thread: Problem with jQuery Multi Level CSS Menu #1

  1. #1
    Join Date
    Apr 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Problem with jQuery Multi Level CSS Menu #1

    Hello,

    hopefully one of you guys is that kind to help me with jQuery Multi Level CSS Menu #1.
    You can see my problem at http://www.onlinecart.it/shop/.

    I have put the the script into a .tpl file. Everything fine so far, but if you hover over the menu the child menus are to far away to choose from.
    The CSS file is the original one (did only some changes to the padding entries and font sizes) and seems not to have any trouble with my shops's css file.

    The CSS entries of the .tpl file, where I have put the menu script in:
    Code:
    #barOne {
    	position:relative;
    	float:left;
    	width:930px;
    	margin:0px 0px 0px 0px;
    	height:58px;
    	clear:both;
    	background-image:url(../styleImages/el-top-bar-bg.gif);
    	background-repeat:no-repeat;
    	background-position:0px 28px;
    	padding:0px 20px 0px 20px;
    	z-index:100;
    	background-color:#ffffff;
    }
    #barOne ul {
    	position:relative;
    	float:left;
    	margin:0px;
    	padding:0px;
    }
    #barOne p {
    	position:relative;
    	float:left;
    	clear:both;
    	margin:0px;
    	padding:6px 0px 0px 0px;
    }
    *html #barOne p {
    	padding:0px;
    }
    Part in the .tpl file:
    HTML Code:
    	<div id="barOne">
    		<ul id="homeNav">
    		<li class="{HOMEPAGELI}"><a href="{HOMELINK}" class="{HOMEPAGELINK}">Home</a></li>
    		{PAGELINKSTOP}
    		</ul>
    		{PAGELINKSTOPSUB}
        <div id="myjquerymenu" class="jquerycssmenu">
    <ul>
    <li><a href="#">Accessories</a>
    <ul>
      <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=bag">Bags</a></li>
      <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Jewelry">Jewelry</a>
       <ul><li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Jewelry+Accessories">Accessories</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Jewelry+Beads">Beads</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Bracelet">Bracelets</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Jewelry+Charm">Charms</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Jewelry+Collection">Collections</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Jewelry+Cufflink">Cufflinks</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Earring">Earrings</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Necklace">Necklaces</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Pendant">Pendants</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Jewelry+Ring">Rings</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Wedding+Ring">Wedding Rings</a></li>
           </ul>
    </ul></li>
    
    <li><a href="#">Eyewear</a>
      <ul>
      <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Lenses">Contact Lenses</a></li>
      <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Prescription+Glasses">Prescription Glasses</a></li>
      <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Reading+Glasses">Reading Glasses</a></li>
      <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=sunglasses">Sunglasses</a></li>
      </ul>
    </li>
    <li><a href="#">Fashion</a>
    <ul>
      <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Mens+Fashion">Men</a>
      <ul><li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Men+Beanie">Beanies</a></li>
          <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Men+Boxer">Boxer</a></li>
          <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Men+Brief">Briefs</a></li>
          <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Men+Socks">Socks</a></li>
          <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Men+Tank+Top">Tank Tops</a></li>
          <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Men+T-Shirt">T-Shirts</a></li>
          <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Men+Trunk">Trunks</a></li>
          </ul>
    </li>
      <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Womens+Fashion">Women</a>
       <ul><li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Blouse">Blouses</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Dress">Dresses</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=sheinside+pant">Pants</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Skirt">Skirts</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Women+Socks">Socks</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=sheinside+Suit">Suits</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=sheinside+Sweater">Sweaters</a></li>
           <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=sheinside+Vest">Vests</a></li>
           </ul>
    </li>
          <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=unisex">Unisex</a>
    </ul></li>
    <li><a href="#">Shoes</a>
    <ul>
      <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Mens+Shoe">Men</a></li>
      <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=Womens+Shoe">Women</a></li>
    </ul></li>
     <li><a href="http://www.onlinecart.it/shop/index.php?case=search&ps=gift">Gifts</a></li>
      </ul>
    <br style="clear: left" />
    </div>
    	</div>
    Doctype is:
    HTML 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">
    I don't have any further idea, how to fix this problem

    Would be great if someone could help me, please.
    Last edited by traq; 04-27-2013 at 04:51 AM.

  2. #2
    Join Date
    Apr 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hellom

    didn't fix my problem above, but fixed it in using simple Html Dropdowns, 3 of them in a row.
    Works like I wanted it with the CSS Menu.

    However...
    a big thanks to all the guys, which visited my site to see if they can help

    Have a nice weekend all

  3. #3
    Join Date
    May 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Were you able to fix the problem? I am facing same problem so can you help me out? Waiting for quick reply. Thanks in advance
    Last edited by jscheuer1; 05-18-2013 at 05:08 AM. Reason: Format

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,946
    Thanks
    43
    Thanked 3,193 Times in 3,156 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by TimothyAllison View Post
    Were you able to fix the problem? I am facing same problem so can you help me out? Waiting for quick reply. Thanks in advance
    He says he did by switching to using "simple drop downs", by which he seems to mean select tags.

    If you want more help please start a new thread.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Similar Threads

  1. jquery multi level css menu #2 problem
    By dustnbones in forum JavaScript
    Replies: 1
    Last Post: 05-26-2011, 02:16 PM
  2. Problem with jQuery Multi Level CSS Menu #2
    By jahrichie in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 02-22-2010, 12:27 AM
  3. jQuery Multi Level CSS Menu #2 uploading problem
    By kirankakkera3 in forum CSS
    Replies: 1
    Last Post: 04-09-2009, 09:58 PM
  4. Replies: 19
    Last Post: 04-09-2009, 05:13 PM
  5. Resolved problem with jQuery Multi Level CSS Menu #2
    By himalay137 in forum CSS
    Replies: 5
    Last Post: 03-23-2009, 02:08 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •