Help: So close on Menu

[idledragon]

I'm very close to finishing up on my menu, but I'm still struggling just a little bit.  I need to move one little thing and would appreciate any suggestions.

I've been using a modified 'menu_icon_expand'

Code: Select all

{if $count > 0}
<__script__ type="text/javascript" language="javascript" src="lib/helparea.js"></__script>
<ul class="menu_horiz" style="padding-left:0;">
{foreach from=$nodelist item=node}

{if $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
{assign var="listopen" value="0"}
{elseif $node->index > 0 && $listopen == 0}
</li>
{/if}
{if $node->index == 0}

{elseif $node->haschildren == true }

{elseif $node->haschildren == false }

{/if}
<li style="list-style-type:none;">
{if $node->current == true}
 {$node->menutext}
{if $node->haschildren == true }
<ul style="padding-left:14px;">
{assign var="listopen" value="1"}
{/if}
{else}
{if $node->haschildren == true && $node->parent != true}<hr> 
<a href="javascript:expandcontent('node{$node->id}');"><img src="http://www.montana.edu/msucommon/images/p7t_plus.gif" alt="" /></a>
 
{else}
{/if}
<a href="{if $node->id == 15}/{else}{$node->url}{/if}"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}</a>
{if $node->haschildren == true  && $node->parent != true}
{assign var="listopen" value="1"}
<ul id="node{$node->id}" class="expand" style="padding-left:14px;">
{elseif $node->parent == true}
{assign var="listopen" value="1"}
<ul style="padding-left:14px;">
{/if}
{/if}
{/foreach}
{repeat string="</li></ul>" times=$node->depth-2}</li>
</ul></ul>
{/if}

What I'm getting is on the left, what I need to get is on the right.  Any thoughts?  (I'm testing it on 1.5.1)

[Dr.CSS]

Well no we can't help if that is all the info you give...

[TheLastLegion]

What you posted is the codes from the menu manager
where you most likely went wrong is from the template
post the codes from the template area where you have the navigation bar codes


it seems you have a simple extra space tag, that seems fixable

post more, thxsss

[christiaans]

Like the others stated, the css would be very handy indeed .

[idledragon]

Thanks for the replies.  I've been swamped with other things and just got back to this.

In my page template I'm calling the menu with

                                             
  {cms_module module='menumanager' template='MSUold'} 

I've actually been trying to modify an existing menu, but this is the css attached to the menu.

/*Sets line-height of all top-level menuitems*/
#p7TMnav div {
/*/*/line-height: 11px;
padding: 5px 0px 5px 0px;
border-bottom: 1px solid #CB9800;
margin:0px;/* */
}
/*Sets line-height of all other menuitems*/
#p7TMnav div div {
/*/*/line-height: 11px;
border: 0px;
padding: 2px 0px 2px 10px;/* */
}

/*Sets background color and border around the menu DIV*/
#p7TMnav {

}

/*Sets a bottom margin for each top-level link*/

/*second level menuitem divs and lower -Cascades to lower levels-*/
/*Sets left margin to .8em establishing a fluid cascading indent*/
#p7TMnav div div div {
margin: 0 0 0 10px;
}

/*The Link style for top-level menuitems and is read by all browsers*/
#p7TMnav div a {
color: #001155;
font-size: 9px;
border:0px;
}
/*The Link style for top-level menuitems hidden from Netscape 4*/
#p7TMnav div a:link {
/*/*/
color: #001155;
text-decoration:none;
/* display:block; */
display:inline;
border-bottom: 0px;
line-height:11px;
padding: 5px 0px 5px 0px;
text-align:left;/* */
}

#p7TMnav div a:visited {
color: #001155;
text-decoration:none;
/* display:block; */
display:inline;
border-bottom: 0px;
line-height:11px;
padding: 5px 0px 5px 0px;
text-align:left;
}
#p7TMnav div a:hover {
color: #ffffff;
text-decoration:underline;
/* display:block; */
display:inline;
border-bottom: 0px;
line-height:11px;
padding: 5px 0px 5px 0px;
text-align:left;
}

/*The Link and visited styles combined for second-level menuitems*/
#p7TMnav div div a, #p7TMnav div div a:visited {
font-size: 9px;
background-color: transparent;
border: 0;
color: #001155;
line-height:11px;
}
#p7TMnav div div a:hover {
color: #FFFFFF;
border: 0;
background-color: transparent;
}

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: p7TMnav div div div div a {declaration}*/
#p7TMnav div div div a {
font-size: 9px;
}

/*rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on the 4 following rules supercedes (via !important) the padding on the p7TMnav div a selector when you've chosen the option to use images for the plus and minus signs*/
.p7plusmark {
background-repeat: no-repeat;
/*background-image: url(http://www.montana.edu/msucommon/images/p7t_plus.gif);*/
background-position: 0px 50%;
padding: 0 0 0 0px !important;
}
.p7minusmark {
background-repeat: no-repeat;
/* background-image: url(http://www.montana.edu/msucommon/images/p7t_minus.gif);*/
background-position: 0px 50%;
padding: 0 0 0 0px !important;
}

/*rule programatically assigned to child links when image-based plus and minus option is selected*/
.p7defmark {
background-image:  none;
padding: 0 0 0 0px !important;
}

/*rules programatically assigned to page link correesponding to current page (You are Here)*/
.p7currentmark {
font-weight: bold;
/*text-transform: uppercase; */
/*color: #FF9900!important;*/
background-color: transparent !important;
padding: 0 0 0 0px !important;
}

#MSUnavbar a:link { border-bottom: 0px; }
#MSUnavbar a:visited { border-bottom: 0px; }
#MSUnavbar a:hover { border-bottom: 0px; }

#MSUnavbar a:link.subHeadingNavlink
{
text-align:left;
font-size:9px;
color: #003EB0;
text-decoration:none;
display:block;
border-bottom: 1px solid #CB9800;
line-height:11px;
padding: 5px 0px 5px 0px;
text-transform:uppercase;
}


#MSUnavbar a:visited.subHeadingNavlink
{
text-align:left;
font-size:9px;
color: #003EB0;
text-decoration:none;
display:block;
border-bottom: 1px solid #CB9800;
line-height:11px;
padding: 5px 0px 5px 0px;
text-transform:uppercase;
}

#MSUnavbar a:hover.subHeadingNavlink
{
text-align:left;
font-size:9px;
color: #ffffff;
text-decoration:underline;
display:block;
border-bottom: 1px solid #CB9800;
line-height:11px;
padding: 5px 0px 5px 0px;
text-transform:uppercase;
}

#p7TMnav div span.likeNavBarSubHead
{
text-align:left;
font-size:9px;
color: #003EB0 !important;
text-decoration:none;
line-height:11px;
padding: 5px 0px 5px 0px;
text-transform:uppercase !important;
}

#p7TMnav div span.likeNavBarSubHeadLower {
text-align:left;
font-size:9px;
color: #003EB0 !important;
text-decoration:none;
line-height:11px;
padding: 5px 0px 5px 0px;
text-transform:lowercase;
}



#MSUnavbar a:link.likeNavBarLink {
color: #001155;
text-decoration:none;
display:block;
border-bottom: 1px solid #CB9800 !important;
line-height:11px;
padding: 5px 0px 5px 0px;
}

#MSUnavbar a:visited.likeNavBarLink {
color: #001155;
text-decoration:none;
display:block;
border-bottom: 1px solid #CB9800 !important;
line-height:11px;
padding: 5px 0px 5px 0px;
}


#MSUnavbar a:hover.likeNavBarLink {
color: #ffffff;
text-decoration:none;
display:block;
border-bottom: 1px solid #CB9800 !important;
line-height:11px;
padding: 5px 0px 5px 0px;
}

[Dr.CSS]

Actually a link would be way better...

[idledragon]

I'm not sure I'm as close as I thought I was.  The template is only on this page http://www.removed.edu

I'm trying to replicate this
http://www.removed.com/

And thank you for taking a look.

Edit: This post had been modified to remove the original links

[Dr.CSS]

Part of the problem is that the things like Graduate are out side of the expand collapse link part...



Graduate


I would think it should look like this...

Graduate



And you need to close your hr tag...

Along with a few other errors...

http://validator.w3.org/check?verbose=1 ... Dmenu_test

[idledragon]

Thanks Mark,

I am making some progress now with this and it looks much better.  There are other issues that I need to straighten out, but that really helped!

(And yeah, I'll fix all those other little issues)