Menu

[mashwoo]

Hi,

I am using the minimal_menu.tpl as shipped with 1.04 and it outputs the following code in firefox. It does not close the tag causing the top 2 links not work in firefox.


Menu
   


Home




[glow=red,2,300] Cakes [/glow]




Birthday cakes




Wedding Cakes






Testimonials




Contact Us











  Cakes
  This page will contain a general description of your cakes.



and links to:





    Wedding Cakes
    Birthday Cakes

[Vin]

Hello,

Could you post your menu template? The HTML code can't give any clues in these cases...
BTW, if it is HTML issue, it screws up in all browsers .

[mashwoo]

Thanks Vin,

Menu Template:

{* CSS classes used in this template:
.currentpage - The active/current page
.bullet_sectionheader - To style section header
hr.separator - To style the ruler for the separator *}
{if $count > 0}

{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="" times=$node->depth-$node->prevdepth}
{elseif $node->depth prevdepth}
{repeat string="" times=$node->prevdepth-$node->depth}

{elseif $node->index > 0}
{/if}

{if $node->current == true}
url}" class="currentpage"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext}

{elseif $node->parent == true && $node->depth == 1}
url}" class="activeparent"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext}

{elseif $node->type == 'sectionheader'}
{$node->menutext}

{elseif $node->type == 'separator'}


{else}
url}"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext}

{/if}

{/foreach}

{repeat string="" times=$node->depth-1}

{/if}

HTML Template:





{metadata}
{stylesheet}









Menu
  {cms_module module='menumanager' collapse='1' template='minimal_menu.tpl'}





  {title}
  {content}

 



Footer Info







CSS:

/* Neutralize styling:
  Elements we want to clean out entirely: */
html, body, form, fieldset, img, div, id {
        margin: 0;
        padding: 0;
        border: 0;
       
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
     
       
}

/* Neutralize styling:
  Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 0;
        padding: 0;
}

body
{
background-color: 422876;
}


#head
{
padding-top: 10px;
text-align: center;
z-index: 1;
}



#maincontain
{
position: absolute;
background-color: ffffff;
width: 90%;
margin-left: 5%;
margin-right: 5%;
}

#content
{
position: relative;
bottom: 2em;
}

#content h1
{
text-align: center;
color: #422876;
padding: 20px 0 20px 0;
}

h3
{
color: #422876;
}

#menu
{
position: relative;
float: left;
width: 20%;
padding: 5%;
margin: 0 2% 0 2%;
min-height:500px;
height:auto !important;
height:500px;
}

#menu li
{
list-style-image: url('./uploads/images/butterfly.gif');
margin: 10px;
}

#footer
{
clear: both;
text-align: center;
}

[Vin]

WTF... the list items ARE CLOSED PROPERLY! You have a nested menu list... arrrghh (And I thought it's a simple menu list with messed ul and li tags... should be reading more carefully).
Hmm... looks like the double id="menu" screws it up (I'm really not sure, 'cause I've never made a duplicate identifier in one page). I mean, you have in both HTML and Menu template.
If it doesn't work, could you please post the link to your site? That may be helpful.[edit] Ah, noticed the 'http://localhost'.
Well, I had an issue with 'non-clickable' links once and it turned out to be a problem of CSS (absolute positioning). Is it just a problem of menu links or even others...?

[mashwoo]

I have changed the name of my menu div so I am not doubling up but the problem continues. I have tested the idea that it is caused by the css positioning by placing the cmsms menu tag in the content section and all links worked perfectly. This means that their is nothing wrong with the menu code and is rather a css issue. I will look for answers on css sites and thank you Vin for pointing this out. If anyone here has a solution please let me know.

[Vin]

And it doesn't work only in Firefox?

[RonnyK]

I'm not a coder, so I looked at the code and didn't saw a "/li" for the "currentpage", but the one outside the foreach-loop might be the correct one, I don't know. If you didn't change the menu-code it should work.

If seen behaviour with misplace li/ul's before. In my place it was solved by just using the reorder functionality in "content", place some pages up/down and confirm. After that my misplaced menu was corrected.

Ronny

[mashwoo]

I fixed it. By removing:

Position: relative;
bottom: 35;

from the content div for which the menu was floated to the left it works. From what I can gather from the css posts out their it was caused by overlapping divs. it was only the top 2 links not working and only when a page with more than one line of text was displayed.

Yes vin only a problem in firefox, but posts out there suggest people have had similar problems with ie so I think it must just be small variations in how these pages handle divs.

thanks all