nowrap; works in msie but not in firefox: http://kijiji.visiblemedia.com/proofs/ ive used white-space: nowrap; and overflow: auto; to force the <li> not to wrap and force the scroller to appear. This workes in msie but in firefox it wraps at the browser. I looked all over the place for a solution and couldnt find one.
Start by validating your Web page. You need to use a proper DOCTYPE, and then use the proper HTML syntax to go along with that DOCTYPE. http://validator.w3.org/check?verbose=1&uri=http://kijiji.visiblemedia.com/proofs/ My question though is, why do you need a list that long anyway?
I use this frameset to show 10 or 20 or in some cases hundreds of design mocks (jpgs usualy, but sometimes whole web pages, sometimes flash). the old school frame set is the quickest thing i could think of for this purpose. i use this bit of code to show clients thier art before it goes to production. If you have a better idea i would love to hear it, cause this system is a little old school. the advantage to this though is that its flexible, i can show any kind of content and show as few or as many as i want without affecting the content.
how else can this be done and still be this flexible? i sometimes need to show more than 100 mocks at a time.
Well, first off if you are showing 100 options at a time, you need to break those into CATEGORIES and show a heck of a lot less of them, as presenting a user with 100 options is a COMPLETE accessability /FAIL/ Second, that's what SSI/CGI/SGC/SSC/PAFNA is for. Generate it server side in ASP, PHP, PERL, SHTML, PYTHON (pick one, there's dozens more) as an accessable list, instead of the train wreck of inaccessable javascript you are sitting there with now... ESPECIALLY with the completely invalid HTML you are using (heck, I'm not even certain what you have is valid HTML 3.2 - it's sure as shine not HTML 4 valid)
WOW! Thanks for the honesty. So now all pages are valid (including the frameset itself) http://kijiji.visiblemedia.com/proofs/index.htm http://kijiji.visiblemedia.com/proofs/top.htm http://kijiji.visiblemedia.com/proofs/nav.htm Interested in helping more? All I'm interested in is having the CSS/JavaScript nav frame generate a srollbar if required. And I need it to be "Ala 1997" 'cause I'm old and stupid, need it to be simple to use over and over again.
Just thought I should clarify what my goals are. This is not a web site, so there's no need to accommodate for accessibility issues. This is just a way to show clients their work before it goes to production. It’s always temporary. Most often there are no categories to break this stuff into and to do that would just add unnecessary clicks anyway. It’s actually quite flexible and serves its purpose very well. The client loads the frame page, clicks the links, scrolls sideways to see more if there are more... and Bob’s yer uncle! Just this one issue with firefox and it will be perfect!