HOWTO: suckerfish based vertical flyout nav

Do something cool with CMS? Show us ...
This board is for 'Answers', and the discussion of answers... Not for questions.
Greg
Power Poster
Power Poster
Posts: 598
Joined: Sun Sep 26, 2004 6:15 pm

Re: HOWTO: suckerfish based vertical flyout nav

Post by Greg »

One difference I noticed

 

 

Notice Javascript and Javascripts folder reference.
Greg
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am

Re: HOWTO: suckerfish based vertical flyout nav

Post by Gregor »

Thanks Greg for your reply. I checked it, and there was a typo  :-\
Fixed it, however still no luck. That raises the question if dhtml.js is working properly??? Or could it be something else?

Gregor

Edit: found a fix to set the width to px instead of %

Code: Select all

#menuwrapper {
  padding-left: 2%;
  width: 150px;
}
The this advantage is, the menu moves when I hover over it.
Last edited by Gregor on Sun Mar 23, 2008 7:28 am, edited 1 time in total.
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am

suckerfish menu in IE???

Post by Gregor »

Hello,

I noticed that the second level of the suckerfish menu in IE does not work, in my case. It works in FF and Safari. The code in the template:

Code: Select all


{literal}
<__script__ type="text/javascript" src="uploads/Javascripts/swfobject.js"></__script>  
<__script__ type="text/javascript" src="uploads/Javascripts/resize_iframe.js"></__script> 

<__script__ type="text/JavaScript">
<!--
//pass min and max -measured against window width
function P7_MinMaxW(a,b){
	var nw="auto",w=document.documentElement.clientWidth;
	if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</__script>

<!--[if lte IE 6]>
   <__script__ type="text/javascript" src="uploads/Javascripts/dhtml.js"></__script>
<![endif]-->

<!--[if IE 7]>
   <style type="text/css">
   #primary-nav li {margin-bottom: -3px;}
   #primary-nav li:hover {margin-bottom:-3px;} /* a HACK!!! for IE7 */
   </style>
<![endif]-->

<!-- The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Left sidebar + 1 column" -->

<!--[if IE]>
   <__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
<!-- The above JavaScript is required for CSSMenu to work in IE -->

<style type="text/css">
   #pagewrapper {width:expression(P7_MinMaxW(720,950));}
   #container {height: 1%;}
</style>
{/literal}

</head>

</__body>
Anyone who is willing to help me?

Thanks,
Gregor
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am

Re: HOWTO: suckerfish based vertical flyout nav [solved]

Post by Gregor »

Finally, I solved it!!! One thing, the new suckfish version uses navmenu-v (or navmenu-h), and I was still using navmenu. Other thing that caused a problem, was the copy of dhtml. Now it looks nice in IE too  ::)
Gregor
Locked

Return to “Tips and Tricks”