homepage Welcome to WebmasterWorld Guest from 107.21.163.227
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Website
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

    
css menu by alphabetic categories?
travelingone




msg:3679557
 2:30 pm on Jun 20, 2008 (gmt 0)

Looking for scripting examples of alphabetic menu similar to the one found at <snip>. Have thought using for a site I have that has a lot of content and categories and seeing if it would be feasible to organize this way via external css or tags somehow, or would be too time consuming.
Another option would be to have a flyout menu similar to what Amazon now uses.

[edited by: engine at 8:10 am (utc) on June 21, 2008]
[edit reason] no specific sites, thanks [/edit]

 

swa66




msg:3679928
 10:53 pm on Jun 20, 2008 (gmt 0)

Since the one at the site you referenced is made using CSS, I guess the question answers itself: yes it is possible. I'm not sure what else you seek to learn ...

webfoo




msg:3679957
 12:26 am on Jun 21, 2008 (gmt 0)

Yes, it's possible, but is it feasible - that's what he wants to know. There'd have to be a whole lot of javascript going on, too.

swa66




msg:3680030
 4:44 am on Jun 21, 2008 (gmt 0)

I think javacript might only be needed to fix the IE omissions (like only being able to do a hover on <a> tags.

Basically you have a <ul> with 26 <li>s, some hover background images in CSS, and some markup to make the act like buttons on a hover.

Next you either go the complex way where you upon hover could already change with content you display (and here IE6 hover on "<a>" only will hurt you big time), or you make 26 such pages, or you could consider ajax like technisque to change the content on the page by fetch more content from the server without reloading the entire page....

I really don't think it's hard to achieve, but you need to set what you need/want to achieve with the measures you're implementing.

appi2




msg:3680107
 10:23 am on Jun 21, 2008 (gmt 0)

Its a basic ul list for the alphabet the css is only for a:hover that shows a background image for each letter.
The actual flyout is AJAX (javascript that queries an xml file).
Had a play making a copy last night, but I went for JSON instead of xml.

As swa66 says it could be done pure css and html.
Suckerfish horizontal menu and a bit of tweeking and you could get the same effect.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved