|
|
|
Killersites.com Forum » List all forums » » Forum: CSS - Styling your pages with Cascading Style Sheets. » » » Thread: CSS Expanding Menu w/o Javascript? |
||
| Print at Sep 9, 2010 3:30:35 AM |
|
|
| Posted by newseed at Jul 17, 2007 11:47:51 AM |
|
Re: CSS Expanding Menu w/o Javascript? To get a grasp on how to do a list menu, just look at this CSS Play Menu and disable the CSS. According to the article, this should work without javascript however, it also stated that it does not validate. As per LSW, the layout of the menu list is basically the same concept. Lay it out with no CSS styling and then put it all together to make it work as desired. If you are trying to do something like a tree exandable menu, then you will need to use javascript. ---------------------------------------- Success is based on how much you spend. If it's not money, then the alternative is your time. The Kasper Group |
| Posted by Susie at Jul 17, 2007 12:41:49 PM |
|
Re: CSS Expanding Menu w/o Javascript? To get a grasp on how to do a list menu, just look at this CSS Play Menu and disable the CSS. According to the article, this should work without javascript however, it also stated that it does not validate. That's actually the menu I have right now. And I know how to create and style the menu, I just don't have the first clue about adding the javascript afterwards. If you are trying to do something like a tree exandable menu, then you will need to use javascript. I want to create the tree already expanded and then hide the submenu items with javascript. But I don't know how to do anything with javascript. Maybe I'll just do a definition list and call it a day.  |
| Posted by newseed at Jul 17, 2007 1:19:08 PM |
|
Re: CSS Expanding Menu w/o Javascript? Take a look at this for expandable tree menus: Here .....another .....and another .. In all honesty, I don't particularly like expandable/collapsible menus. ---------------------------------------- Success is based on how much you spend. If it's not money, then the alternative is your time. The Kasper Group |
| Posted by Susie at Jul 17, 2007 1:27:48 PM |
|
Re: CSS Expanding Menu w/o Javascript? Thanks for those examples, Eddie. The more I research, the more I dislike the expand/collapse menu, too. Maybe you can think of a better solution? Here's what's going on. My client wants me to add two pages to the website. She only wants them in the "Fine Arts" section. She does not want them to be in the main navigation. I, however, know it's not good to hide pages in the website. I want them to be part of the main navigation and I figured a collapsing menu might be a good compromise. What do you think? |
| Posted by newseed at Jul 17, 2007 3:26:45 PM |
|
Re: CSS Expanding Menu w/o Javascript? She wants the menu link "Fine Art" to be in the main nav which will have a flyout showing 'link1' 'link2' 'link3' and so on but she does not want the these to special links appearing along with 'link1' 'link2' 'link3'...correct? Then why not create another sublist for the sublinks? Fine Arts ----'link1' ----'link2' ----'link3' ----'special' ---------'special-link1' ---------'special-link2' ----'link4' If she must have it done her way, then you will have to create multiple menus to achieve that effect. One for the main nav and then another for Fine Art that looks like the main nav except it has the submenus. The other option, (I don't know if this will work) but you might trying give each subsection it's own id and then use an embedded style to hide (display:none) certain submenus. ---------------------------------------- Success is based on how much you spend. If it's not money, then the alternative is your time. The Kasper Group |
| Posted by Susie at Jul 17, 2007 4:20:34 PM |
|
Re: CSS Expanding Menu w/o Javascript? If she must have it done her way, then you will have to create multiple menus to achieve that effect. One for the main nav and then another for Fine Art that looks like the main nav except it has the submenus. That's what she wants. But that kind of navigation irritates me as a user. I want all the options right up front. I don't want to have to remember where I saw a link. And as a designer, I don't like it when the navigation changes from page to page. I think I'm going to scrap the whole dropdown/flyout idea. It's just not worth the trouble because I want the menu to be accessible to everyone. |
| Posted by newseed at Jul 17, 2007 4:45:01 PM |
|
Re: CSS Expanding Menu w/o Javascript? That's what she wants. But that kind of navigation irritates me as a user. I want all the options right up front. I don't want to have to remember where I saw a link. And as a designer, I don't like it when the navigation changes from page to page. I think I'm going to scrap the whole dropdown/flyout idea. It's just not worth the trouble because I want the menu to be accessible to everyone. Then you need to explain that to her that from a user's perspective, consistancy is better. Also, why force users to click more than once to get to one page? It's not practical. Also, what about screen readers? Are they going to have to listen to the menu contents TWICE to get to the link they are needing? It's not about what she thinks is cool but it's about what her clients/potential clients has to do to view one page. If everybody did what she is requesting, it would double how many times we have to click and quite frankly, I would be upset about it. You just need to sell her on these facts. I am sure LSW and others can add a bit more as to why it just doesn't make sense. ---------------------------------------- Success is based on how much you spend. If it's not money, then the alternative is your time. The Kasper Group |
| Posted by Susie at Jul 17, 2007 6:00:16 PM |
|
Re: CSS Expanding Menu w/o Javascript? I agree. So, let me ask this question again...what if I just make a simple definition list? Have you ever seen one used for site navigation? |
| Posted by newseed at Jul 17, 2007 7:39:43 PM |
|
Re: CSS Expanding Menu w/o Javascript? I agree. So, let me ask this question again...what if I just make a simple definition list? Have you ever seen one used for site navigation? Yes but I cannot recall where. ---------------------------------------- Success is based on how much you spend. If it's not money, then the alternative is your time. The Kasper Group |
| Posted by Susie at Jul 17, 2007 10:08:30 PM |
|
Re: CSS Expanding Menu w/o Javascript? Okay, here's one last ditch effort.  I found this website just now. It has exactly what I want to do. Click on...say...Presse. You see how the menu expands to show sub menu items? That's what I want to do, daggone it! lol But I can't read a word of it (is this German??) so I can't figure out what they're doing here. I like that when you click on the item you are taken to a new page AND given more options to click in the navigation. So, everything has its use. Oh, but wait. I just tried to use my keyboard to navigate. No dice.  I officially give up. |
|
|
Current timezone is GMT Sep 9, 2010 3:30:35 AM |