Ok, so I've attempted to integrate the following menu into my hobo
app:
http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html
I installed hobo-jquery for jquery support, added the css and js from
the link above to application.css and application.js respectively and
changed all the $ to "jQuery" in the js per hobo-jquery specs.
I also downloaded the images from the tutorial put them into public/
images and modified the css paths for the images to be appropriate.
Next I redefined main-nav to coincide with that of the tutorial.
<dev tag="main-nav">
<ul class="topnav">
<li><a href="#">Home</a></li>
<li>
<a href="#">Tutorials</a>
<ul class="subnav">
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
</ul>
</li>
<li>
<a href="#">Resources</a>
<ul class="subnav">
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
</ul>
</li>
<li><a href="#">About Us</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">Submit</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</def>
Now, when I run this it *almost* all works. I can see the menu trying
to drop down when I click on the down arrow button, but its like it
gets hidden behind other elements on the screen.
I've tried adding "clear: left" to .section.content in clean.css but
that didn't really help.
Any ideas? I'm assuming this is a css issue, but I don't really know
where to look next. If you have hobo-jquery setup in a test
application, setting up the rest of this only takes a few minutes if
anyone out there wants to give it a shot.
On May 4, 3:49 pm, Matt Jones <[email protected]> wrote:
> On Tue, May 4, 2010 at 3:38 PM, Jeremy Savoy <[email protected]> wrote:
> > Is there anyone here who has done this before, or anyone with the
> > expertise to hack this up and provide a recipe tutorial in the
> > cookbook?
>
> > Seems like this might be a common thing that would help many of us
> > Hobo newbies :-)
>
> Never tried it, but there's no reason that one couldn't do it just by
> redefining / extending the navigation and nav-item tags. The apparent
> successor ("Son of Suckerfish") doesn't appear to require much in the
> way of special markup at all:
>
> http://www.htmldog.com/articles/suckerfish/dropdowns/
>
> --Matt Jones
>
> --
> You received this message because you are subscribed to the Google Groups
> "Hobo Users" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group
> athttp://groups.google.com/group/hobousers?hl=en.
--
You received this message because you are subscribed to the Google Groups "Hobo
Users" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/hobousers?hl=en.
