Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...HouseMenu styling question - horizontally aligned sub menusHouseMenu styling question - horizontally aligned sub menus
Previous
 
Next
New Post
4/9/2008 7:36 PM
 

Hi All,

I've been using HouseMenu on all our DNN projects for quite some time now, and i love it's simplicity and SEO capabilities.

I have a client who has asked if they can have their dropdown menu aligned horizontally, not vertically.. this is a top horizontal menu, not a vertical side menu.  the best way to explain is by example.  This is what they want it to be like:

http://www.tjkdesign.com/articles/new_drop_down/LO.asp

and

http://www.microsoft.com/windows/products/windowsvista/

now looking at the html of both of these, it's just nested ul and li's, so that's a good start.

I'm asking the question of whether this is possible because i've never seen an example of this orientation of a DNN housemenu.

Has anyone done this successfully?
Are the any problems with this approach and DNN/housemenu?
I just don't want to waste time trying if there is a reason why this might not work with the housemenu.

The menu should work in IE6, IE7 (maybe i should also be testing in IE8 now!?), Firefox 2 (3?), and Safari 3

Many thanks for your time!

 Tim


Tim NetPotential www.netpotential.co.nz
 
New Post
4/10/2008 10:12 AM
 

Both are really easy to do with HouseMenu. All you really are going to do is float the list items to the left. This causes them to swap to a horizontal menu style. There are a few other bits and pieces but its pretty easy to do really.

http://www.dnncreative.com/Tutorials/SkinningTutorials/HorizontalCSSHouseMenu/tabid/271/Default.aspx

has a horizontal menu concept have to pay for a site subscription to watch the videos but it proves its possible.

I am trying to remember but I think for the 2nd level menu IE submenu, you just create a 2nd instance of the HouseMenu control and put it under the first and set it to display children only.

Try playing around with it a bit and let me know. mathomp3@hotmail.com if you can't get it to work and I will write up a detailed how-to for you.

 
New Post
4/11/2008 12:27 AM
 

Great, thanks keeperofstars, that's just what i wanted to hear

I am a subscriber of DNNCreative, I don't remember seeing that tutorial so will definately check it out.  I'll let you know how I get on.

Thanks so much!
Tim


Tim NetPotential www.netpotential.co.nz
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...HouseMenu styling question - horizontally aligned sub menusHouseMenu styling question - horizontally aligned sub menus


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out