*nOOb* First CMSMS venture, some help please?
Posted: Fri Mar 27, 2009 2:38 pm
I am in the process of importing a modified template to CMSMS....for the first time. After many hours of reading I think I have grasped the basics and the import was going ok, until I got to the nav menu. Having read loads of posts and solutions regarding menus I still cant get my head around it.
I am trying to get the top nav menu at: http://test.yesfan.eu to look exactly the same once I have placed the necessary CMCMS code in its place. I am pretty sure its a CSS issue as the required menu template is the minimal one and I can get it to display the linked pages ok but without the required formating.
I have tried to modify the CSS instructions but cant seem to get the display the same.
Here is the CSS associated with the menu
and the code I have been using in the template in place of the original menu code
Would appreciate any help or direction, thanks
I am trying to get the top nav menu at: http://test.yesfan.eu to look exactly the same once I have placed the necessary CMCMS code in its place. I am pretty sure its a CSS issue as the required menu template is the minimal one and I can get it to display the linked pages ok but without the required formating.
I have tried to modify the CSS instructions but cant seem to get the display the same.
Here is the CSS associated with the menu
Code: Select all
/* menu tabs */
#header ul {
z-index: 999999;
position: absolute;
margin:0; padding: 0;
list-style:none;
right: 0;
bottom: 6px !important; bottom: 5px;
font: bold 13px Arial, 'Trebuchet MS', Tahoma, verdana, sans-serif;
}
#header li {
display:inline;
margin:0; padding:0;
}
#header a {
float:left;
background: url(tableft.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#header a span {
float:left;
display:block;
background: url(tabright.gif) no-repeat right top;
padding:6px 15px 3px 8px;
color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
color:#FFF;
}
#header a:hover {
background-position:0% -42px;
}
#header a:hover span {
background-position:100% -42px;
}
#header #current a {
background-position:0% -42px;
color: #FFF;
}
#header #current a span {
background-position:100% -42px;
color: #FFF;
}
/* end menu tabs */
Code: Select all
{menu number_of_levels="1" template="minimal_menu.tpl"}