Sponsored by Travelzoo
Take Advantage of Ridiculously Low Holiday Airfares view!
travelzoo.com - Flights $52 and up for Thanksgiving, Christmas & New Year. But move on it now.
164 Comments
- latrosicarius, on 11/28/2007, -5/+201"Works in standards compliant browsers" ... so I take it this doesn't include IE? // to scared to check
- nickels, on 11/28/2007, -1/+75I like this site and all the samples:
http://www.cssplay.co.uk/menus/
They are pretty easy to customize and they work in both IE and Firefox. - r3zonance, on 11/28/2007, -1/+75Yeah, you have to add a further 6,000 lines of CSS to hack it to work in IE 6 :P
- whitlock, on 11/28/2007, -2/+64Damn, won't work in Lynx
- thomasprebble, on 11/28/2007, -8/+65"Works in standards compliant browsers."
In other words not IE?
Update: Alright I've just been told it won't work in IE6. - ventralnet, on 11/28/2007, -13/+65well its pretty worthless if it doesn't work in the most commonly used web browser
- yohan, on 11/28/2007, -3/+55"Works in standards compliant browsers."
So most of the world who use the dreaded Internet Explorer won't be using your CSS menus then... - pyrotechnick, on 11/28/2007, -10/+48Big ***** deal. These (and much better instances of them) have been around for years.
- ApokalypseNow, on 11/28/2007, -2/+38Microsoft follows standards like how sperm whales follow the migratory patterns of caribou - that is to say, they don't.
This was the final straw for me in terms of developing CSS for IE - the browser has a "standards compliant mode" that can be enabled with some specific tags.
#1) It needs to have a mode to follow standards?
#2) It isn't turned on by default
#3) Even when it is turned on, it STILL ISN'T COMPLIANT!
It's a good thing I'm not bitter. - Orion682, on 11/28/2007, -3/+38Errr, this ridiculously old, and has been on ListApart for quite some time now (or, to put it more accurately, the author of this ripped it off from A List apart and claimed that it was original). Hell, I've even made them for web design projects before.
The caveat is the line "standards complaint browsers." That's a gentle way of saying "Does not work with IE6, which is still, unfortunately, used by the majority of internet users.So basically the menu is utterly useless without javascript tweaks or workarounds for them, as IE only supports the :hover class on anchors, and you can't make the entire menu an anchor because then none of the sub menu elements would work independently.
Buried - olliholliday, on 11/28/2007, -1/+33call me when you know wtf you're talking about.
they're two entirely different technologies for 2 entirely different purposes? - iHeartMoz, on 11/28/2007, -19/+50No worky in IE 6 = no use
- meto5000, on 11/28/2007, -1/+25This is old news, and not very informative
Try http://www.htmldog.com/articles/suckerfish/dropdow ... if you're in the market for css dropdowns
They work without javascript for standards compliant browsers, and have the very lightweight javascript needed to make it work with IE - jamble, on 11/28/2007, -5/+26Your menu doesn't appear to work in IE6.
I know it's an annoying browser to develop for and doesn't fully support standards but stats suggest that about 50% of internet users still use it so it's worth checking it in that before finishing work. - YojimboJango, on 11/28/2007, -2/+23NO you call me when your sidewalk can compare with my car!
- mhuggins, on 11/28/2007, -1/+21or Javascript...since IE doesn't support :hover on non-anchor tags.
- gooshy, on 11/28/2007, -1/+16Steve Gibson from GRC did this a while back. Have a look at http://www.grc.com/menu2/invitro.htm its really good.
- bumcheekcity, on 11/28/2007, -2/+17So, in other words, this is totally useless to someone building a website, as it doesnt work in IE6?
Dont get me wrong, I'm a web programmer, and IE is pretty much the thing I hate most about the internet, but face it, winge about IEs lack of standards and general ***** all you like, but we have to build for it. Pure CSS solutions, whilst they might be lovely and standards compliant, are totally useless if we can discount 50% or whatever of the population not seeing our website.
IE is depressing, yes, but face facts. Building websites the majority of the population can't see is utterly useless. - AndruC, on 11/28/2007, -5/+18It does work in IE7, however.
- bobbles, on 11/28/2007, -4/+13Works perfectly in IE 7
- appletalk, on 11/28/2007, -5/+14Since when is IE7 a standard compliant browser? IE and standards can't be in the same sentence.
- thinsoldier, on 11/28/2007, -0/+8http://www.alistapart.com/articles/dropdowns/
- fak3r, on 11/28/2007, -1/+9This is exactly what I was thinking; how is this different than other CSS drop down menus I've seen (like Suckerfish). Then I realized, oh, this one uses more code and doesn't support IE6! Great!
- MeatBiProduct, on 11/28/2007, -0/+8websites don't push my dad to a new browser, me going to his house and deleting the icon for IE and replacing it with Firefox is what got him to change.
My point being here that your not going to get people to switch browsers with web pages. Its a paradox thats been in the industry for years. - indicio, on 11/28/2007, -0/+8suckerfish is really the way to go - better yet - avoid drop down menus if at all humanly possible.
- frostbyt, on 11/28/2007, -1/+8Ummm This has been doable your many many years. Welcome to 2007.
- wfbnadador, on 11/28/2007, -0/+7display anything as none and it won't be read by a screen reader... gonna have to go height: 0; width: 0; position: absolute; overflow: hidden;
- epohs, on 11/28/2007, -1/+8For anyone who works on a high trafic commercial site it probably wouldn't be a very good idea to use something like this that wouldn't work for something like 50% of global traffic.
But, this is such a nice feature to have that hopefully enough people who run smaller niche sites will begin to employ standards that aren't adopted fully (transparen pngs, :hover, etc..) and it'll push people away from IE6 to something that plays more nicely with the rest of the modern web. - thinsoldier, on 11/28/2007, -1/+8http://www.alistapart.com/articles/dropdowns/
- DanAtkinson, on 11/28/2007, -2/+8It's a bit pointless if IE6 isn't supported. It *might* be useful in a year or so, when IE6 has a mainstream visitor percentage less than Firefox.
So, overall, you may as well use JS, since over 90% of browsers will accept that and have it turned on. - lebatte, on 11/28/2007, -1/+7I did this four years ago. If only Digg was around then, my site would have gotten some hits.
- lukasmach, on 11/28/2007, -0/+6They actually intended for this mode to be on by default (that is to say, when the document begins with a proper DOCTYPE), but... surprise surprise... they messed up and it doesn't work when the DOCTYPE is preceded by XML declaration tag, which should usually be used (even though is not enforced by specification).
- MonkeyNews, on 11/28/2007, -3/+9Frankly, any website that wont work in IE6 can ***** off.
I'm not a IE fanboy - it's just bad practice. - tempusrob, on 11/28/2007, -0/+5Most useful comment in the whole thread. I never knew that, thanks...
- Dunhamzzz, on 11/28/2007, -0/+5Eric meyer has a better version on his website that includes and ie fix.
Methods to do this in ff etc have been around for ages. - youdlike2know, on 11/28/2007, -1/+6there's already CSS drop down menu's that work properly with all browsers, including IE6.. so what's the point in coding new ones that don't???
- bradleyland, on 11/28/2007, -0/+5Because the only thing that matters is floaty, flying, flashy things?
- thinsoldier, on 11/28/2007, -0/+5#1 All the top browsers have a "mode" for standards and for tag soup (quirks mode) - Safari, Firefox. Opera, IE6, IE7, etc...
#2 It's not turned on by default in any of the browsers
#3 Yes IE really really really sucks
http://www.alistapart.com/articles/dropdowns/ - dgh1973, on 11/28/2007, -2/+7"... so I take it this doesn't include IE? // to scared to check"
Probably not, I've made my own css only dropdown menus before with horrible results in IE (Safari and Firefox rendered them just fine, of course). I never bothered to check them in IE7. - phauwn, on 11/28/2007, -1/+5why is anyone digging this story?? Bury this please! It's been done 1000 times, and we all know its useless for production!
- Bramus, on 11/28/2007, -0/+4Old ... really old (just google for "sons of suckerfish") and above all won't work in IE6 as that one does not support the hover state on li-elements ...
- opticsnake, on 11/28/2007, -2/+6Not actually cross browser compliant. Buried as inaccurate.
This one actually is:
http://digg.com/design/An_ACTUAL_Pure_CSS_drop_dow ... - TheDragon, on 11/28/2007, -0/+4Replying to comments makes life easier.
- bigsteve, on 11/28/2007, -3/+7Yea. I'm sure my client will understand my "browser activism." He'll understand how I'm "sticking it to the man" when his site doesn't work for what, 80-some-odd percent of surfers? Totally a guess there with 80. I know IE has better than half though, and that's still outrageous.
Neat little snippet of code though. - DjArcadian, on 11/28/2007, -4/+8If it doesn't work in IE6 it's completely worthless. This guys website doesn't even display correctly in IE6.
- frostbyt, on 11/28/2007, -0/+4http://www.thecounter.com/stats/2007/October/brows ...
My Fav is number 21. 7 People are using Netscape 1.x. WTF! - epohs, on 11/28/2007, -0/+4Websites may not directly drive a huge number of people to change browsers, But you would probably be able to make a stronger case for your friends and family to switch if you showed/them them how much better the web looked in a modern browser.
And, the web isn't going to looks substantially better if everyone codes to the lowest common denominator. - magiclava, on 11/28/2007, -0/+3http://www.cssplay.co.uk/ has a much better resource for all things CSS, including drop down menus that work with ie6...
- RyanWilliams, on 11/28/2007, -1/+4Yup. Any professional developer in their right mind wouldn't even think of using something eliminating such a large segment of the market, and in all honesty I doubt any amateur site builders would either if they realised the implications.
Terrible tutorial and I'm glad the 'It doesn't work in IE6!' comments are near the top so people don't blindly throw this on their sites without realising the compatibility issues. - bigsteve, on 11/28/2007, -2/+5Well, it doesn't have to conform to standards to work with this specific piece of code. IE's hacked-up cludge of a CSS implementation is a bit confounding. It works occasionally on some complex code, and trips on some simple stuff.
-
Show 51 - 100 of 165 discussions



What is Digg?