What is Digg?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.
38 Comments
- jer.williams, on 10/12/2007, -1/+19Not impressed. This site has far more interesting CSS (menus and otherwise):
http://www.cssplay.co.uk/ - 3monkeys, on 10/12/2007, -1/+9@jer.williams I agree, you should post you link (It has been posted once before 6 months or so ago w/ 24 hits). However, it is better than the one I posted by far.
- FreakTrap, on 10/12/2007, -5/+12Never seen this before!!!
[/sarcasm] - baloniaz, on 10/12/2007, -3/+9it isn't "pure css", its using javascript to make it work in IE....
- inactive, on 10/12/2007, -0/+4IE7 is not a released product
so it is correct. you can't build any site assuming IE7 is going to let your users interact with it, they are all still on 5 - 6. - baloniaz, on 10/12/2007, -0/+3well, if that's the case, why is this a big deal? pure css menus have been around for a long time (for all but IE I mean)...
- michaelothomas, on 10/12/2007, -2/+5pointless, but interesting...dugg
- inkubux, on 10/12/2007, -2/+4pure css in a REAL browser ;)
- tehgooch, on 10/12/2007, -1/+3First menu is pretty much broken on Opera 9. The space between the menus causes the sub-menus to fold back in if you go past the first menu option (only the first sub menu item is selectable!). Easy to fix though.
- crashie, on 10/12/2007, -0/+2IE7 is only a BETA... So IE doesn't support yet
- psych0fish, on 10/12/2007, -2/+4Good link. I have used these menus on a couple of web projects I have worked on. Menu works great using pure css in firefox and with the attached javascript its functional in ie.
- psych0fish, on 10/12/2007, -6/+8where is css3 mentioned? Just curious.
- damber, on 10/12/2007, -0/+1Nothing new, a basic variation and poor quality markup.. try at least closing the tag, better still make it XHTML compliant.
As mentioned CSSPlay and AListApart are much better resources for this type of thing. - sas789, on 10/12/2007, -0/+1Whoever wrote the article, I hope they learned some valuable CSS & JavaScript techniques and became a better web designer in the process. However, this is in no way worthy of being on Digg.
Why? Because there is already a superior version out there, one which is (also) free and well-documented by its authors. It's called "Suckerfish":
http://htmldog.com/articles/suckerfish/
Hopefully anyone interested in web design will bookmark that page and refer to it often. There is no need to replicate a perfectly good technique which will probably never be improved (until CSS 3 comes out, perhaps).
Please, diggers, do your homework before submitting an article. - nethenm, on 04/01/2008, -1/+2Those menus look like *****.
- fatfish, on 10/12/2007, -0/+1the first article that show the use of "behaviors" in ie to achive the ":hover" effect on any element:
http://www.xs4all.nl/~peterned/csshover.html
and the hebrew version of this article:
http://fat-fish.co.il/he/56/hover_any_where - dent, on 10/12/2007, -1/+2This is nothing new... He still uses Javascript to 'activate' :hover for the li items in the list under IE. If you want to see a truly non-javascript method, check the cssplay link mentioned above. He uses conditinally created tables to get around another IE flaw (hiding anchors inside other anchors)... However, this method bastardises validation under IE. Validation still occurs for non-microsoft browsers of course. Really, the good old suckerfish method seems to be the method to use. Its clean and unobtrusive. Heck, with most sites supporting AJAX and the like, javascript it a given anyways...
- AKX1, on 10/12/2007, -0/+1Unless I'm totally mistaken, A List Apart ran an article (or two) on this a long time ago: http://www.alistapart.com/articles/dropdowns/ and http://www.alistapart.com/articles/horizdropdowns/
- app13pi3, on 10/12/2007, -0/+1Works perfectly on the Shiira 2.0 beta.
I dugg this for the list of compatible browsers, not the actual css. This is not a very complicated set-up; it's something that every wed designer should be able to come up with on their own after their first few weeks of training, though I must admit that the comments in the css would be helpfull for someone trying to learn. - Saffa, on 10/12/2007, -0/+1The one reason I don't like using CSS menus is that they hide as soon as you loose focus on them. Most of the javascript based menus use a delay before hiding the menu. It's sounded small but it adds a lot to useability...
- damber, on 10/12/2007, -0/+1Nothing new, a basic variation and poor quality markup.. try at least closing the tag, better still make it XHTML compliant.
As mentioned CSSPlay and AListApart are much better resources for this type of thing. - Hortnon, on 10/12/2007, -2/+2He's kind of misleading - Saying it doesn't work in IE because IE's CSS sucks (don't get me wrong, I know this is true for IE6 and earlier), but later in the article he points out that it works in IE7 correctly (which it does).
- verifex, on 10/12/2007, -3/+3Is any link from the time of the beginning of the internet to the current day valid to be dugg? If so, I've got some links from years ago that are pretty good, maybe I should post those so I can boost up my popularity. I can do exactly what everyone else is doing here.
- userundefine, on 10/12/2007, -1/+1Pure CSS menus... from Eric Raymond years ago.
- inactive, on 10/12/2007, -0/+0This looks really neat, but not inherantly useful to a developer who could accomplish the same thing with a little bit of JavaScript and CSS combined. This is cool that you can do it, but it's just so much more code that it becomes inefficient to use.
- 3monkeys, on 10/12/2007, -2/+2@verifex If information is interesting enough then it is suitable for submission IMO. If the content is useful or interesting to enough diggers it will be dugg, otherwise it won't. No big deal either way. jer.williams pointed to a much better site elsewhere in the comments, I've now added his link to my personal bookmarks and will use that as one point of reference for the future. I find that that in and of itself is useful.
- SIGINT, on 10/12/2007, -0/+0Tried something like this a while back at http://unangelic.org/stupidlogic/test/. A mockup of sorts, haven't had time to perfect the thing yet.
- Luhps, on 10/12/2007, -0/+0Eh, I still prefer JS to CSS menus, mainly because JS in the end is more readily able to be designed for both IE and FF to have the same look and feel, simply viewing that example link in IE and FF shows IE's inherent flaws. and as much as i would love it if the world used only FF, its just not going to happen.
it does take quite a bit more to build the JS menus, and i guess you could worry about JS being disabled, but its just not that common a thing to do. possibly in the future this could be useful, but I'm willing to bet CSS is much more limited in its ability.
the site even says "IE's CSS sucks..." which in the business world does not translate to "just program for FF"
its clever, but not a viable alternative IMHO. - walkeraj, on 10/12/2007, -0/+0C'mon. How many times do we have to see the same CSS techniques making the rounds? Enough already! This technique is well-known and exploited (in much more exhaustive and creative examples as well).
- rusackas, on 10/12/2007, -0/+0Sometimes, I have a layout that stretches to fit changing text sizes gracefully in any good browser, but upon size changes falls apart in IE (due to a variety of bugs). In these instances, I like to us px as a font size since one of the "peculiarities" of IE is that it can't adjust the font size when specified in px. Using one weakness to counteract another.
- razei, on 10/12/2007, -0/+0It's the functionality the menus offer, not how they look. =P
- actionscripted, on 10/12/2007, -3/+3Old news, reported as lame. As far as articles about CSS-based web design go, this is the bottom of the barrel. A List Apart or CSS Play are much more valuable resources, and I cannot believe this crappy tutorial (look at the sh*tty CSS!) made it to the front page of Digg.
I'm slowly losing my faith in the Digg community. Don't defend this article as "hey, it was kind of useful...or something". You can find a better CSS navigation tutorial with a quick Google search. That in itself makes this Digg posting worthless.
I firmly believe the new Digging system is borked (yes, borked), that or the community has been flooded with uninformed douche-bags who think this content is even worth sharing with millions.
Future Digg headline/description:
. . . .GOOGLE.COM -- An Amazing Search Engine!
. . . .[Reported by Diggers as f*cking stupid] I just found this amazing website that enables
. . . .you to search through the content of OTHER websites. What a concept! ROFLWTFBBQ! - rusackas, on 10/12/2007, -0/+0Not only that, but when IE7 *is* finally released, it'll still take years for the user base to make a full-tilt shift toward it. IE6, along with all its inherent flaws, will still be here among the masses--haunting us--for a long time to come.
- chinpo, on 10/12/2007, -6/+4Hopefully we'll be seeing more good looking sites...
I know, I know, no way in hell :( - nebbyfoshebby, on 10/12/2007, -9/+1Same thing here brotha.
- borninda818, on 10/12/2007, -17/+4every time i hear css i think of counterstrike source.
is there something wrong with me? - orlandogeek, on 10/12/2007, -15/+1Maybe you play a little too much Counterstrike Source? (Is there such a thing as playing too much of a great game?)
- 3monkeys, on 10/12/2007, -27/+3Sorry this is only CSS2 not CSS3, though in reality it probably doesn't make much difference.
© Digg Inc. 2009
— Content created and posted by Digg users is