...

View Full Version : My side menu has problems



AndyArmstrong
07-02-2007, 03:49 PM
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 :




<!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

AndyArmstrong
07-02-2007, 07:22 PM
Is there no ideas?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum