trouble with suckerfish menus

[zeropsi]

http://www.sdtars.com/development/

I can't figure out why I can't get them to popup over the other menus. Can anyone see what I am doing wrong?

Thanks!

[sandman]

What is supposed to pop over what?

[zeropsi]

What is supposed to pop over what?

The items in black text are suppose to popup over the menus image links.

Here is the heirchary of the menus.

	<div id="navigation">
		<ul id="nav"> 
			<li id="nav_home"><a href="index.php" title="">HOME</a></li>
			<li id="nav_join"><a href="join/" title="">JOIN TARS</a></li>
			<li id="nav_organization"><a href="#" title="">ORGANIZATION</a></li>	
				<ul>
					<li>Leadership</li>
					<li>History</li>

					<li>Resources</li>
					<li>TARs At Work</li>
					<li>Alumni Organization</li>
				</ul>
			<li id="nav_events"><a href="#" title="">TAR EVENTS</a></li>		
				<ul>
					<li>TAR Days</li>

					<li>TAR Camp</li>
				</ul>
			<li id="nav_contact"><a href="#" title="">CONTACT</a></li> 
		</ul> 
	</div>

If you are familiar with Suckerfish, then you should understand how it works.

However, I can not get them to work.

[NXArmada]

Try cssMenus by SolarDreamStudios its based on the Suckerfish menus at A List Apart but simple and less javascript I think you will find it use full and quick to implement.

[Girard Ibanez]

I did my main nav (brown/yellow) using the sucker fish menu and modified to fit my style

URL www.myraptor.net

[Girard Ibanez]

<div id="navigation">
<ul id="nav">
<li id="nav_home"><a href="index.php" title="">HOME</a></li>
<li id="nav_join"><a href="join/" title="">JOIN TARS</a></li>
<li id="nav_organization"><a href="#" title="">ORGANIZATION</a>
<ul>
<li>Leadership</li>
<li>History</li>

<li>Resources</li>
<li>TARs At Work</li>
<li>Alumni Organization</li>
</ul></li>
<li id="nav_events"><a href="#" title="">TAR EVENTS</a>
<ul>
<li>TAR Days</li>

<li>TAR Camp</li>
</ul></li>
<li id="nav_contact"><a href="#" title="">CONTACT</a></li>
</ul>
</div>

I'm going to give this a shot:

I believe you need to remove the </li> after the </a> and put it after </ul> ... some pages ok.

You might want to use a template and make one change to the drop down menu and all pages will be updated automatically based on the template. DW8. Seems to me that your pages are not consistant with each other in regards to the drop down menu and js scripts.

[Girard Ibanez]

This is the url that also having problems: http://www.sdtars.com/development/join/

Some pages do not work in MSIE ... need the starfish JS script (sucker fish) for the drop down menus to work. One page has it the others don't.

Works in Fire Fox except for the above link. FF does not need the starfish js script.

Under Organization ... you may want to change the width to accomodate the long text so that it fits the width of the drop down menu.


Copy and paste this part, if this is what you mean:

<div id="navigation">
<ul id="nav">
<li id="nav_home"><a href="index.php" title="">HOME</a></li>
<li id="nav_join"><a href="join/" title="">JOIN TARS</a></li>
<li id="nav_organization"><a href="#" title="">ORGANIZATION</a>
<ul>
<li>Leadership</li>
<li>History</li>
<li>Resources</li>
<li>TARs At Work</li>
<li>Alumni Organization</li>
</ul>
</li>

<li id="nav_events"><a href="#" title="">TAR EVENTS</a>
<ul>
<li>TAR Days</li>
<li>TAR Camp</li>
</ul>
</li>

<li id="nav_contact"><a href="#" title="">CONTACT</a></li>
</ul>
</div>

[jscheuer1]

Seems to work fine to me.

[Girard Ibanez]

John,

Does this url work for you too:

http://www.sdtars.com/development/join/

The nav links are out of place in both MSIE and FF.


Girard