Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Jun 2007
    Posts
    145
    Thanks
    0
    Thanked 0 Times in 0 Posts

    My side menu has problems

    If you navigate to http://www.new.3genergi.co.uk

    username: newsite
    password: 123newsite

    Look on the left and notice there is a block, with the menu behind it.

    This was working fine, im not sure whats changed the block used to sit just below the menu. But then all of a sudden its sitting at the same point.

    Could somebody please offer some advice.

    this is my theme file - I moved the block by editting the position of the block inclusion item :

    Code:
    	
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    	
    
    <html>
    
    <head>
    
    
    
    <style type="text/css" media="screen, tv, projection">
    /*<![CDATA[*/
    
    /* page styling, unimportant for the menu. only makes the page looks nicer */
    /* - - - ADxMenu: BASIC styles - - - */
    
    .menu {
    	width: 12em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
    	height: 3em;
    }
    
    .menu, .menu ul {	/* remove all list stylings */
    	margin: 0;
    	padding: 0;
    	border: 0;
    	list-style-type: none;
    	display: block;
    }
    
    .menu li {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	display: block;
    	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
    	z-index: 5;		/* thus we need to apply explicit z-index here... */
    }
    
    .menu li:hover {
    	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
    	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
    							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
    }
    
    .menu ul {
    	visibility: hidden;	/* initially hide all submenus. */
    	position: absolute;
    	z-index: 10;
    	left: 0;	/* while hidden, always keep them at the top left corner, */
    	top: 0;		/* 		to avoid scrollbars as much as possible */
    }
    
    .menu li:hover>ul {
    	visibility: visible;	/* display submenu them on hover */
    	left: 100%;	/* and move them to the right of the item */
    }
    
    /* -- float.clear --
    	force containment of floated LIs inside of UL */
    .menu:after, .menu ul:after {
    	content: ".";
    	height: 0;
    	display: block;
    	visibility: hidden;
    	overflow: hidden;
    	clear: both;
    }
    .menu, .menu ul {	/* IE7 float clear: */
    	min-height: 0;
    }
    /* -- float.clear.END --  */
    
    /* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
    	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
    	if you do it, make sure you 110% know what you do */
    .menu ul {
    	background-image: url(themes/default/img/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
    	padding: 43px 43px 43px 23px;
    	margin: -30px 0 0 -10px;
    	/* background: #f00; */	/* uncomment this if you want to see the "safe" area.
    								you can also use to adjust the safe area to your requirement */
    }
    
    
    /* - - - ADxMenu: DESIGN styles - - - */
    
    .menu, .menu ul li {
    	color: #eee;
    	background: #91AD90;
    }
    
    .menu {
    	width: 18.5em;
    }
    
    .menu ul {
    	width: 18em;
    }
    
    .menu a {
    	text-decoration: none;
    	color: #eee;
    	padding: .5em 1.5em;
    	display: block;
    	font-weight: bold;
    }
    
    .menu a:hover, .menu li:hover>a {
    	color: #fc3;
    }
    
    .menu li {	/* create borders around each item */
    	border: 2px solid #FFFFFF;
    }
    .menu>li + li, .menu ul>li + li {	/* and remove the top border on all but first item in the list */
    	border-top: 0;
    }
    
    .menu li:hover>ul {	/* inset submenus, to show off overlapping */
    	top: 5px;
    	left: 90%;
    }
    
    /* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
    	placed here to clarify the terminology I use when referencing submenus in posts  .menu li + li + li li:first-child>a used for first line of each submenu, or xx submenu*/
    .menu>li:first-child>a{
    	color: #fc3;
    }
    
    /*]]>*/
    </style>
    
    <!--[if lte IE 6]>
    
    
    <style type="text/css" media="screen, tv, projection">
    /*<![CDATA[*/
    
    /* - - - ADxMenu: BASIC styles - - - */
    
    .menu, .menu ul {	/* float.clear */
    	zoom: 1;
    }
    
    .menu li.adxmhover {
    	z-index: 10000;
    }
    
    .menu .adxmhoverUL {	/* li:hover>ul selector */
    	visibility: visible;
    }
    
    .menu .adxmhoverUL {	/* submenu goes to the right */
    	left: 100%;
    }
    
    /* - - - ADxMenu: DESIGN styles - - - */
    
    .menu ul a {	/* fix clickability-area problem */
    	zoom: 1;
    }
    
    .menu li {	/* fix white gap problem */
    	float: left;
    	width: 100%;
    }
    
    .menu li {	/* prevent double-line between items */
    	margin-top: -1px;
    }
    
    .menu a:hover, .menu .adxmhoverA {		/* li:hover>a selector */
    	color: #fc3;
    }
    
    .menu .adxmhoverUL {	/* inset submenus, to show off overlapping */
    	top: 5px;
    	left: 90%;
    }
    
    /*]]>*/
    </style>
    
    
    
    <![endif]-->
    {BASE}
    <title>{PAGE_TITLE}</title>
    {METATAGS}
    {JAVASCRIPT}
    
    
    
    
    <style type="text/css">@import "themes/default/style.css" screen;</style>
    
    
    <!--[if lt IE 7]>
      <link rel="stylesheet" type="text/css" href="themes/default/hacks.css" />
    <![endif]-->
    
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="themes/default/ie7.css">
    <![endif]-->
    
    <!--[if IE 7]>
      <link rel="stylesheet" type="text/css" href="themes/default/styleie.css" />
    <![endif]-->
    
    <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="themes/default/styleie.css">
    <![endif]-->
    
    
    <script type="text/javascript" src="themes/default/js/prototype.js"></script> 
    
    <script type="text/javascript" src="themes/default/js/scriptaculous.js?load=effects"></script> 
    
    <script type="text/javascript" src="themes/default/js/lightbox.js"></script> 
    
    <link rel="stylesheet" href="themes/default/extracss/lightbox.css" type="text/css" media="screen" /> 
    
    <script type="text/javascript" src="themes/default/menujs/ADxMenu.js"></script>
    
    
    </head>
    <body>
    {SAMPLE}
    {LAYOUT_HEADER}
    <div id="container">
       <div id="top-menu">
    <a href="http://www.new.3genergi.co.uk"><img src="themes/default/img/3gfull.png" align="left" alt="The future of wood energy">
    </a>
    <img src="themes/default/img/advtemplate2.jpg" align="left" width="720" alt="Some of our fantastic range of products">
    
    </div>
       <div id="sidepanel">
         <!-- BEGIN notes --><div id="notes-list">{NOTES_REMINDER}</div><!-- END notes -->
      
    <div class="example">
    <ul class="adxm menu">
    <li><a href="#">Main menu:</a></li>
    
    <li><a href="Link" title="Services">Services →</a>
    	<ul>
    		<li><a href="index.php?module=webpage&id=6">Supply and 		Install</a></li>
    		<li><a href="#">Consultancy</a></li>
    		<li><a href="#">Training</a></li>
    
    	</ul>
    </li>
    
    
    <li><a href="#" title="Products">Products →</a>
    	<ul>
    		<li><a href="#">Commercial →</a>
    	
    			<ul>
    			<li><a href="#">Pyrtec</a></li>
    			<li><a href="#">Pyrot</a></li>
    			<li><a href="#">Dyn</a></li>
    			<li><a href="#">Eco</a></li>
    			<li><a href="#">Kunzel →</a>
    				<ul>
    				<li><a href="#">Log</a></li>
    				<li><a href="index.php?module=webpage&id=7">Pellets</a></li>
    				</ul>
    			</li>
    
    			</ul>
    		</li>
    
    	<li><a href="#" title="Domestic">Domestic →</a>
    		<ul>
    			<li><a href="#">Your needs</a></li>
    			<li><a href="#">Kunzel →</a>
    				<ul>
    				<li><a href="#">Log</a></li>
    				<li><a href="index.php?module=webpage&id=7">Pellets</a></li>
    				</ul>
    			</li>
    		</ul>
    	</li>
    	</ul>
    
    <li><a href="#" title="Case Studies">Case Studies</a>
    	<ul>
    	<li><a href="#">Item 1</a></li>
    	<li><a href="#">Item 2</a></li>
    
    	<li><a href="#">Item 3</a></li>
    	<li><a href="#">Item 4</a></li>
    	</ul>
    </li>
    
    
    <li><a href="#" title="Links">Links</a>
    	<ul>
    	<li><a href="#">Item 1</a></li>
    	<li><a href="#">Item 2</a></li>
    	</ul>
    </li>
    
    
    <li><a href="#" title="Downloads">Downloads</a>
    	<ul>
    	<li><a href="#">Item 1</a></li>
    	<li><a href="#">Item 2</a></li>
    	</ul>
    
    </li>
    
    
    <li><a href="#" title="Contact Us">Contact Us</a>
    </li>
    
    </ul>
    </div>	 
    
         {MENU_MENU_1}
         {DEFAULT}
    
     </div>
       <div id="main-content">
         <!-- BEGIN header --><div id="header">{LAYOUT_HEADER}</div><!-- END header -->
         {BODY}
         <div id="bottom">{BOTTOM}</div>
       </div>
       <div id="footer"><p class="footer"><l>3G Energi Limited , Unit 3 , The Knowes, Kelso, TD5 7BH Tel:01573 229198 </p></l></font></div>
    </div>
    </body>
    </html>
    Please help me!

    Thanks

    Andy

  • #2
    Regular Coder
    Join Date
    Jun 2007
    Posts
    145
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Is there no ideas?


  •  

    Posting Permissions

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