Re: [css-d] Sticky Menus
From: tedd [EMAIL PROTECTED] There is NOT a css solution to this Sticky Menu problem -- there is no way for css to know what page it is on unless it gets the information from a server-side provider (i.e., php, shtml, whatever) -- now let's see someone prove me wrong. You are 100% correct. The no additional markup solution needs to be scripted client or server-side. Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sticky Menus
On 17/12/05, tedd [EMAIL PROTECTED] wrote: On 16/12/05, Christian Montoya [EMAIL PROTECTED] wrote: On 12/15/05, MocaLoca [EMAIL PROTECTED] wrote: I am fresh trying to start creating clean standard sites and I always have trouble with sticky menus. I mean the down state that sticks on the next page clicked. If you mean menus that have the link to the current page styled differently, that has to be done server side. You can style the appearance with CSS, but server side techniques to differentiate the current link from the others is not on topic for this list. Hmm, I beg to differ. There is a nice way to handle this, using just CSS: http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/ __ While that [link] is clever, it still doesn't provide a same code solution for each page. Instead, you still must provide something unique on each page (i.e., body id=) for the menu-set to use. As such, you might as well hand-code each menu as per each page. Well, adding a body id per page is a lot less effort than customising the menu on each page. And if you're using a server-side-included navigation block, this approach is even less cumbersome, relatively. There is NOT a css solution to this Sticky Menu problem -- there is no way for css to know what page it is on unless it gets the information from a server-side provider (i.e., php, shtml, whatever) -- now let's see someone prove me wrong. Well, in the above case, it can be just static html/xhml, so long as the body id is there. No scripting required. There are some interesting possibilities that arise from having a unique id in the body of each page: http://diveintomark.org/archives/2003/01/16.html#body_ids http://simon.incutio.com/archive/2003/01/16/funWithBodyIds __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Sticky Menus
Hi Everyone, This is my first post here, please forgive my ignorance :-) I am fresh trying to start creating clean standard sites and I always have trouble with sticky menus. I mean the down state that sticks on the next page clicked. What is the best practice? What is your preference? Any resource or code to share? Thanks a lot, Moca MocaLoca Digital Media Artist --- http://www.mocaloca.com www.mocaloca.com 305.926.7775 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sticky Menus
MocaLoca wrote: This is my first post here, please forgive my ignorance :-) I am fresh trying to start creating clean standard sites and I always have trouble with sticky menus. I mean the down state that sticks on the next page clicked. What is the best practice? What is your preference? Any resource or code to share? Moca I am afraid that I do not know what you mean by 'sticky' menus, unless it has something to do with JavaScript. And I know even less about that than CSS. A great resource for CSS lists is http://css.maxdesign.com.au/. Be sure to check the accompanying browser support charts when you pick a menu. Regards, ~dL __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sticky Menus
On 12/15/05, MocaLoca [EMAIL PROTECTED] wrote: I am fresh trying to start creating clean standard sites and I always have trouble with sticky menus. I mean the down state that sticks on the next page clicked. If you mean menus that have the link to the current page styled differently, that has to be done server side. You can style the appearance with CSS, but server side techniques to differentiate the current link from the others is not on topic for this list. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sticky Menus
Hi, Yes I realize is not the topic, I thought there was a css only way of doing with maybe some JavaScript that I was not aware of. I did get some great offline help about it. Thanks anyway :) MocaLoca Digital Media Artist --- www.mocaloca.com 305.926.7775 -Original Message- From: Christian Montoya [mailto:[EMAIL PROTECTED] Sent: Friday, December 16, 2005 2:31 PM To: MocaLoca Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Sticky Menus On 12/15/05, MocaLoca [EMAIL PROTECTED] wrote: I am fresh trying to start creating clean standard sites and I always have trouble with sticky menus. I mean the down state that sticks on the next page clicked. If you mean menus that have the link to the current page styled differently, that has to be done server side. You can style the appearance with CSS, but server side techniques to differentiate the current link from the others is not on topic for this list. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sticky Menus
On 16/12/05, Christian Montoya [EMAIL PROTECTED] wrote: On 12/15/05, MocaLoca [EMAIL PROTECTED] wrote: I am fresh trying to start creating clean standard sites and I always have trouble with sticky menus. I mean the down state that sticks on the next page clicked. If you mean menus that have the link to the current page styled differently, that has to be done server side. You can style the appearance with CSS, but server side techniques to differentiate the current link from the others is not on topic for this list. Hmm, I beg to differ. There is a nice way to handle this, using just CSS: http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sticky Menus
Hmm, I beg to differ. There is a nice way to handle this, using just CSS:
http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/
That's exactly the same as what I was saying. The identification of
the current page is in the markup. It has to be scripted server-side
or done by hand.
Don't go stopping my heart with wild ideas like current-page-detection
in CSS. You had me thinking my current world view was about to be
turned upside down.
Again - and please refer to the class vs. ID thread some days ago:
http://archivist.incutio.com/viewlist/css-discuss/67500
http://archivist.incutio.com/viewlist/css-discuss/67513
This is a sexy idea and very much fun and all, but only using classes
and CSS to highlight the current page is NOT accessible. Users without
CSS need to know aswell what is the current page, which is why:
- The current page should not be linked at all - I replace the current
link with a strong
- The parent page of the current page should have an extra HTML
indicator that it is a parent page (adding a strong inside the link
makes sense).
Then you can also do the CSS highlighting, via
li strong {}
li a strong {}
li li strong {}
However, all of that has to happen server side. If you can use PHP and
domxml, take a look at http://onlinetools.org/tools/easynav/ which
does that for you.
As to answering the question: No, neither CSS nor JavaScript can keep
a state of a navigation without markup changes (in JavaScript you
could use a cookie to store the state or send it via the URL but that
is also not accessible as it does rely on either of them).
CSS is great to stye structured content, and is neither a JavaScript
nor a SSI replacement: http://www.wait-till-i.com/index.php?p=136
HTH
chris
--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
