Comments on: Styling BUTTONS, and achieving sliding doors with them http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/ Web development and Internet trends Thu, 20 Nov 2008 14:22:44 +0000 http://wordpress.org/?v=2.6.1 By: Robert Nyman http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-393082 Robert Nyman Wed, 27 Aug 2008 19:00:29 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-393082 Biran, Cool, thanks for sharing! Biran,

Cool, thanks for sharing!

]]> By: Biran http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-392743 Biran Wed, 27 Aug 2008 14:02:17 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-392743 I wrote a button adapter for ASP.NET that converts the asp:button control to use the button element. Now you can have functionality and sexy... <a href="http://www.delphicsage.com/home/blog.aspx?d=239&title=Convert_Your_ASP:Button_Controls_to_Sliding_Doors_Styled_Button_Elements" rel="nofollow">http://www.delphicsage.com/home/blog.aspx?d=239&title=Convert_Your_ASP:Button_Controls_to_Sliding_Doors_Styled_Button_Elements</a> I wrote a button adapter for ASP.NET that converts the asp:button control to use the button element. Now you can have functionality and sexy…

http://www.delphicsage.com/home/blog.aspx?d=239&title=Convert_Your_ASP:Button_Controls_to_Sliding_Doors_Styled_Button_Elements

]]> By: Robert Nyman http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-237302 Robert Nyman Thu, 27 Mar 2008 08:49:35 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-237302 Jens, That's great! Thanks! Jens,

That’s great! Thanks!

]]> By: Jens Wedin http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-237264 Jens Wedin Thu, 27 Mar 2008 07:46:50 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-237264 I´ve made a quick demo with flexible buttons after reading this post. You can check it out at: http://jedisthlm.com/2008/03/27/flexible-css-buttons/ I´ve made a quick demo with flexible buttons after reading this post. You can check it out at:
http://jedisthlm.com/2008/03/27/flexible-CSS-buttons/

]]> By: Robert Nyman http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-232724 Robert Nyman Wed, 19 Mar 2008 09:22:02 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-232724 Niklas, Thanks! And, no plans. But resizable text will work to a certain extent with this solution, depending on the chosen height and background image size. A simple solution to make that better is to have a footer element within the <code>button</code> which will in turn have an image which is the entire footer image. Niklas,

Thanks!
And, no plans. But resizable text will work to a certain extent with this solution, depending on the chosen height and background image size.

A simple solution to make that better is to have a footer element within the button which will in turn have an image which is the entire footer image.

]]> By: Niklas http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-232718 Niklas Wed, 19 Mar 2008 09:06:39 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-232718 This is really cool! Do you have any plans on taking the next step with this? And by that I mean to make it work with resizeable text. This is really cool! Do you have any plans on taking the next step with this? And by that I mean to make it work with resizeable text.

]]> By: Robert Nyman http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-232692 Robert Nyman Wed, 19 Mar 2008 07:40:01 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-232692 Andres, Thanks for the tip! Andres,

Thanks for the tip!

]]> By: Andres http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-232356 Andres Tue, 18 Mar 2008 13:48:14 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-232356 Hey i thought you guys might like this soup of buttons. I've been working on this for a while now, and up to now, no one has reported any new bugs. I think it's ready for a stable release... Let me know what you think... <a href="http://www.cssbuttons.net" title="CSS Buttons" rel="nofollow">CSSButtons.net </a> Thank you!! email me at [projects@dpinyc.com] Hey i thought you guys might like this soup of buttons. I’ve been working on this for a while now, and up to now, no one has reported any new bugs. I think it’s ready for a stable release… Let me know what you think…

CSSButtons.net

Thank you!!
email me at [projects@dpinyc.com]

]]> By: RUDEWORKS http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-232228 RUDEWORKS Tue, 18 Mar 2008 09:35:37 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-232228 [...] Robert Nyman nos proporciona una buena manera de dar estilo al elemento <button>. El único problema son [...] [...] Robert Nyman nos proporciona una buena manera de dar estilo al elemento <button>. El único problema son [...]

]]> By: Robert Nyman http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-231775 Robert Nyman Mon, 17 Mar 2008 12:08:37 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-231775 Wolf, By setting <code>border: none;</code> or <code>border: 0;</code> in the CSS code. Wolf,

By setting border: none; or border: 0; in the CSS code.

]]> By: Wolf http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-231741 Wolf Mon, 17 Mar 2008 10:32:23 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-231741 But, how do I get rid of the dreaded black border in IE6 and IE7? But, how do I get rid of the dreaded black border in IE6 and IE7?

]]> By: Robert Nyman http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-230343 Robert Nyman Fri, 14 Mar 2008 16:08:01 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-230343 Guilherme, Thank you! :-) And I agree, many elements don't have specifically semantic names... <blockquote> If I was to hate tags based on control I couldn’t support HTML at all until [guess-who] version 6 and previous were dead and buried (and possible further versions as well) :-) </blockquote> Ha ha! :-) Guilherme,

Thank you! :-)
And I agree, many elements don’t have specifically semantic names…

If I was to hate tags based on control I couldn’t support HTML at all until [guess-who] version 6 and previous were dead and buried (and possible further versions as well) :-)

Ha ha! :-)

]]> By: Guilherme Zühlke O'Connor http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-230325 Guilherme Zühlke O'Connor Fri, 14 Mar 2008 15:43:19 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-230325 Robert, that new solution of yours is way cooler, IMO. I agree with you that is horrible not being able to control elements, but still I like the semantic meaning of the tag. I wish other input elements could have a tag for themselves like <button> and <textarea>. If I was to hate tags based on control I couldn't support HTML at all until [guess-who] version 6 and previous were dead and buried (and possible further versions as well) :-) Robert, that new solution of yours is way cooler, IMO.

I agree with you that is horrible not being able to control elements, but still I like the semantic meaning of the tag. I wish other input elements could have a tag for themselves like <button> and <textarea>.

If I was to hate tags based on control I couldn’t support HTML at all until [guess-who] version 6 and previous were dead and buried (and possible further versions as well) :-)

]]> By: Robert Nyman http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-230196 Robert Nyman Fri, 14 Mar 2008 10:22:39 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-230196 Guilherme, I do like the <code>button</code> element, as long as I can control it. :-) Thanks for the link, it was great inpsiration! I analyzed it, and revised/rewrote my code to have the <code>span</code> element within the <code>button</code>, and ironed out a bug they seemd to have with IE. Please try <a href="http://www.robertnyman.com/test/styling-buttons/button-styling.html" rel="nofollow">the updated demo</a>. kimblim, That doesn't sound good. Do you have any examples in which, and what happens? Andy, In IE 6, it sends the <code>innerHTML</code> of every button in that form, in IE 7, it sends the <code>innerHTML</code> of the clicked button. I think it's safe to have multiple butons, as long as you don't expect to read any value from it, or take any specific action on what button was clicked. Morgan, I agree overall, but sometimes the gain of doing it can't be overlooked. Guilherme,

I do like the button element, as long as I can control it. :-)

Thanks for the link, it was great inpsiration! I analyzed it, and revised/rewrote my code to have the span element within the button, and ironed out a bug they seemd to have with IE.

Please try the updated demo.

kimblim,

That doesn’t sound good. Do you have any examples in which, and what happens?

Andy,

In IE 6, it sends the innerHTML of every button in that form, in IE 7, it sends the innerHTML of the clicked button.

I think it’s safe to have multiple butons, as long as you don’t expect to read any value from it, or take any specific action on what button was clicked.

Morgan,

I agree overall, but sometimes the gain of doing it can’t be overlooked.

]]> By: Morgan Roderick http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-230188 Morgan Roderick Fri, 14 Mar 2008 10:01:26 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-230188 Personally, I am not much for styling form elements, but prefer to leave that up to the browser. But, for those situations, where you have to style them, it's great to have another tool in the toolbox. Thanks for sharing Robert :-) Personally, I am not much for styling form elements, but prefer to leave that up to the browser. But, for those situations, where you have to style them, it’s great to have another tool in the toolbox.

Thanks for sharing Robert :-)

]]> By: nortypig » Blog Archive » Styling Form Buttons into Sliding Doors http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-229854 nortypig » Blog Archive » Styling Form Buttons into Sliding Doors Thu, 13 Mar 2008 22:52:39 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-229854 [...] Nyman has posted an informative article on styling form buttons into sliding doors and explains why you may want to consider [...] [...] Nyman has posted an informative article on styling form buttons into sliding doors and explains why you may want to consider [...]

]]> By: Andy Ford http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-229780 Andy Ford Thu, 13 Mar 2008 21:04:13 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-229780 <blockquote>If there are several button elements in a form it will post the values for all of them, and not just the one that was clicked.</blockquote> Which value? The value of the <code>innerHTML</code> or the value of the <code>value</code> attribute? Is there a safe way to have multiple button elements in a form in IE? Either way, it's a bummer that IE is such a steamy pile.

If there are several button elements in a form it will post the values for all of them, and not just the one that was clicked.

Which value? The value of the innerHTML or the value of the value attribute?

Is there a safe way to have multiple button elements in a form in IE?

Either way, it’s a bummer that IE is such a steamy pile.

]]> By: kimblim http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-229747 kimblim Thu, 13 Mar 2008 20:06:48 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-229747 I love the button-element, but unfortunately it doesn't work in all mobile browsers, and that is a big accessability problem. I love the button-element, but unfortunately it doesn’t work in all mobile browsers, and that is a big accessability problem.

]]> By: Guilherme Zühlke O'Connor http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-229656 Guilherme Zühlke O'Connor Thu, 13 Mar 2008 17:21:06 +0000 http://www.robertnyman.com/2008/03/13/styling-buttons-and-achieving-sliding-doors-with-them/#comment-229656 Personally I like the button element because it detaches a bit the button from a generic <input> element (after all, there is a world of difference between a "hidden", a "button", a "text" and many other elements ;)). I like to be able to semantically distinguish them in their nature. Further, I like the fact that the button has content, this makes a lot of sense to me. You have a button that does something when clicked, and it can have content of its own... well, almost, since the implementations are not all that flexible and it is hard to style it, but is hard to style <input> elements either, so I like buttons that are <button>. Now, it seems there is <a href="http://www.filamentgroup.com/lab/styling_the_button_element_with_sliding_doors/" rel="nofollow">a solution</a> with the span inside of the button element which is presented by FilamentGroup.com. Personally I like the button element because it detaches a bit the button from a generic <input> element (after all, there is a world of difference between a “hidden”, a “button”, a “text” and many other elements ;)). I like to be able to semantically distinguish them in their nature.

Further, I like the fact that the button has content, this makes a lot of sense to me. You have a button that does something when clicked, and it can have content of its own… well, almost, since the implementations are not all that flexible and it is hard to style it, but is hard to style <input> elements either, so I like buttons that are <button>.

Now, it seems there is a solution with the span inside of the button element which is presented by FilamentGroup.com.

]]>