107 Comments
- inactive, on 10/12/2007, -4/+253I'd click it.
- Langford, on 10/12/2007, -1/+101How many people here tried to press the "Launch nukes" button? Be honest.
- wfbnadador, on 10/12/2007, -3/+93bury me as you must, block level elements (div) don't belong in inline elements(a). a span set as display block might make more sense
- dotlizard, on 10/12/2007, -1/+83yes, but i did try the world peace button first.
it didn't work. - seandfeeney, on 10/12/2007, -23/+78What is so sexy about a rounded edge box? when I hear sexy I better see sexy females as buttons.
- seventoes, on 10/12/2007, -8/+54Eww invalid html... you cant have a div inside of an anchor! div is a block level element! rawr!
- Dracos, on 10/12/2007, -2/+42a.button div {}
An a tag cannot contain a div or any other block level tag. If he was doing "div.button a" or "a.button span" it would be legal.
Buried inaccurate. - EvilOtto, on 10/12/2007, -10/+47Is it just me or does anyone else get the uncontrollable urge to punch someone in the face when they use 'sexy' to describe inanimate objects?
- Shady81, on 10/12/2007, -2/+39Placing a DIV inside an A is not allowed. Don't pimp broken code.. You're just adding ***** to the cesspool that already is the modern web. Buried as inaccurate.
- ZeroMP, on 10/12/2007, -12/+40I definitely would NOT click it. Just look at those sharp edges. This is well below my standards.
- wburglett, on 10/12/2007, -7/+34someone was looking for the world and business category...
- chicken101, on 10/12/2007, -0/+22A computer is the only one who loves me. ):
- jav1231, on 10/12/2007, -3/+20Hell yeah! You tell 'em! .....wha!?
- rlombardo, on 11/05/2008, -2/+19i hit it about 25 times but nothing happened...i think?
- themoose, on 10/12/2007, -1/+16I tried the lanch nukes button before the world peace one. Am I evil?
- violentvinyl, on 10/12/2007, -0/+14How did you make it into the comments? It says "sexy" in the URL here too.
- ernasty10050, on 10/12/2007, -3/+16Yeah, after world peace didn't work...I had no other choice.
I'm so sorry. - FlorentG, on 10/12/2007, -0/+14Warning : HTML's block and inline elements are different than CSS' block and inline.
In HTML, block and inline are defined in the DTD. They're just entities, which lists some elements (div and p are blocks, span and a are inline). HTML, at this point, has no knowledge of CSS. Turning the a into a block with CSS does not change its HTML definition, it's still an html inline, while being a CSS block... - PimpinOnWelfare, on 10/12/2007, -3/+16if you click and hold the button then move the cursor off of it, then they stay pressed ... d'oh
hell yeah, last week took me by suprise man!!! but now that they are gonna change the past all that was for nothing but it was still badass .... - chickenpants, on 10/12/2007, -0/+12i stand corrected. thanks for pointing that out.
- wiirdo, on 10/12/2007, -3/+15If you made the buttons look like boobies, that would be sexy.
- flap, on 10/12/2007, -0/+12Not scaleable = not sexy
- lavchan, on 10/12/2007, -0/+12@HigherLogic:
In-line elements can not contain block elements in Strict HTML or XHTML (i don't know about Transitional). It's not allowed!
The W3C says:
'Generally, block-level elements may contain inline elements and other block-level elements. Generally, inline elements may contain only data and other inline elements. Inherent in this structural distinction is the idea that block elements create "larger" structures than inline elements.' - oscaralexander, on 10/12/2007, -0/+11SORRY! I truly should've known better using a DIV (block) inside an A (inline)... I changed it to a SPAN now. Thanks!
- HigherLogic, on 10/12/2007, -5/+16@seventoes: "Eww invalid html... you cant have a div inside of an anchor! div is a block level element! rawr!'
It's not invalid HTML, it validates perfectly. It may not be semantically correct, but using div elements (or any block element for that matter) inside an anchor tag is perfectly fine. Besides, where is there a div inside the anchor tag? All I see is a span tag, an inline element.
Oh, and as for your hypothetical div, you could also set the display to inline.
Edit: Well, apparently when the article was first posted, the author used div elements. I can see why wouldn't use that, and just use a span instead, but the point still stands, you can use a div element inside of an anchor tag. - daborg, on 10/12/2007, -0/+11Holes... Digg... Get it?
- wfbnadador, on 10/12/2007, -2/+10agreed. use a span set it to display block.
- cyrus, on 10/12/2007, -0/+8As has been mentioned above...
A is an inline tag.
DIV is a block level tag.
This is bad programming and should be avoided. - quickorbit, on 10/12/2007, -5/+12NSFW?
- dogshaft, on 10/12/2007, -3/+10Even better, the poster should have just linked to the already well documented sliding doors technique at A List Apart and spared us the blogspam.
http://alistapart.com/articles/slidingdoors/ - NicePaul, on 10/12/2007, -0/+7Those buttons break when you increase the font size.
- logic, on 10/12/2007, -1/+7It's fine...
- wfbnadador, on 10/12/2007, -3/+9i think someone promoting their own blog article and their own methods as a route to 'sexy' buttons is irritating. be modest, that's all i ask. it's not 'sexy'
The buttons are clean, the buttons are nice, they are by no means groundbreaking. - qsqueeq, on 10/12/2007, -5/+11"Dynamic buttons save you heaps of time otherwise spent creating graphics and will basically make you a happier person at the end of the day."
How does this tutorial save you the time of creating images? First step - create image used for button background. Wow. Thanks. - itswoody, on 10/12/2007, -0/+5Am I right in saying :active is a no go on IE 6? To be honest I don't know how a tutorial with this many holes in it can make the Digg front page...
- actown, on 10/12/2007, -0/+5Its SFW unless you think buttons are arousing.
- robuk24, on 10/12/2007, -0/+5Yeah, just increase the text size and watch it break. Wish I could get crap CSS tutorials to the front page!
- dacheetah, on 10/12/2007, -0/+4@sulaco:
"He used a span. Try again."
Based on what was said in comment further up the page, the site originally used , but changed it to later. - antitomato, on 10/12/2007, -1/+4Click button then drag off..... button stays pressed. Not sure if this happens in IE, and I'll leave it at that!
- oscaralexander, on 10/12/2007, -0/+3I think you worry too much.
- timwright12, on 10/12/2007, -3/+6Buried as inaccurate, this is "how to make sexy buttons with IMAGES"
- Jezper, on 10/12/2007, -0/+2So a big round button is considered a sexy one? I say it takes up too much space.
- mattmcm, on 10/12/2007, -0/+2@leodippolito (#6560116)
That's mentioned in the article. It even gives you a fix for it. - psayre23, on 10/12/2007, -0/+2Doesn't seem to set back to normal when the button is dragged in FF2.
- muffinmanpoo, on 10/12/2007, -0/+2"if you click and hold the button then move the cursor off of it, then they stay pressed"
But then when you go to press the next one, the first one comes up... I just spent 2 hours playing Whack-a-Mole. - addicted68098, on 10/12/2007, -1/+3From a usability standpoint you really shouldn't do this because users may not recognize that it is a button.
- jiludi, on 10/12/2007, -0/+2and here I was hoping for something jazzy, instead it looks like something from a Google page. A+ for effort though
- Zhay, on 10/12/2007, -1/+3Kekeke... me breaked it.
(Hold in the left mouse button overtop of the css button, move the move off of the button, and let go!)
Silly me. - Persnickety, on 10/12/2007, -0/+2quirksmode.org says ':active' works in IE5 and IE6, but only for links.
So, no hole. - andyduncan, on 10/12/2007, -0/+2Requires javascript to submit the form, uses invalid markup, isn't very special, has been done before. Dugg down for lame.
-
Show 51 - 100 of 107 discussions



What is Digg?