Tuesday, August 01, 2006

Multiline HTML buttons

Here's HTML code to Multiline caption buttons:
====
 <button>multiline<br>button<br>text</button>

<input type="button" value="Carriage&#13;&#10;return&#13;&#10;separators" style="text-align:center;">
====

Actual buttons:



---
Keywords: HTML DHTML Multi-line Multy line button caption. Web Forms. IE Internet explorer FireFox Opera

10 comments:

  1. Thanks a bunch :)

    ReplyDelete
  2. nothing new, and still no html solution for opera, only type="image" can help so far

    ReplyDelete
  3. thanks, it worked !

    ReplyDelete
  4. Thank you so much. It is so simple but it worked properly.

    ReplyDelete
  5. Unfortunately it does not work in IE10...

    ReplyDelete
  6. Any fix for IE 10 please?
    Apart from 'learn Photoshop and use an image button'

    ReplyDelete
  7. I just opened this blog post in IE 10. Multiline buttons render just fine...

    ReplyDelete
  8. This is why the input button shows correctly in IE10, check first line in code of this page. There is set emulation to IE7:

    meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'

    When you suppress it or change IE browser window to standard mode via IE developer toolbar it shows the text only in one line.

    So, does somebody idea, how to create multi line button in IE10 ??

    Best regards

    Vasssek

    ReplyDelete
  9. Even without "EmulateIE7" meta IE10 renders multiline buttons just fine.

    ReplyDelete
  10. no it is not, no multiline buttons in IE10

    ReplyDelete