[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now


how to make the lable two lines on the button?

Posted on 2003-10-22
Medium Priority
Last Modified: 2010-04-06
Hi Experts,

I just wonder if it is possible to make the long "value" of the button split into two lines on the button instead of using a long button?

Question by:panpioneer
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
LVL 17

Expert Comment

ID: 9599342
No (well - perhaps in a small number of browsers, but you shouldn't be able to).

If the text is that long I suggest you ask yourself:

1 - Can the same meaning be communicated with less text?
2 - Does all of the text need to be on the button?

Author Comment

ID: 9599367
Unfortunately, it is not my decision, our users ask for it.
LVL 16

Expert Comment

ID: 9599796
Ever thought about creating an image?
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

LVL 16

Accepted Solution

jaysolomon earned 80 total points
ID: 9599819
but if you insist the only way is javascript

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function init(){
document.forms[0].btn.value = "blahblahblahblah\nblahblahblahblah";
// -->
<body onload="init();">
<form name="form1" method="post" action="">
<input type="button" name="btn" value="">

Expert Comment

ID: 9599833
you can use an image wich will work as a button, you only need to draw button with the two lines (use paint or something else). once you have the image you can use a javascript.

try this:

.mouseBeOffMe {
border-top:    10px  solid #FFFFFF;
border-bottom: 10px  solid #FFFFFF;
border-left:   6px   solid #FFFFFF;
border-right:  10px  solid #FFFFFF;
.mouseBeOnMe {
border-top:    6px   solid #FFFFFF;
border-bottom: 14px  solid #FFFFFF;
border-left:   10px  solid #FFFFFF;
border-right:  6px   solid #FFFFFF;
.mouseBeDown {
border-top:    13px  solid #FFFFFF;
border-bottom: 7px   solid #FFFFFF;
border-left:   10px  solid #FFFFFF;
border-right:  6px   solid #FFFFFF;
.mouseBeUp {
border-top:    10px  solid #FFFFFF;
border-bottom: 10px  solid #FFFFFF;
border-left:   10px  solid #FFFFFF;
border-right:  6px   solid #FFFFFF;


<img src="button.gif" border="0" class="mouseBeOffMe" onmouseover="this.className='mouseBeOnMe'" onmousedown="this.className='mouseBeDown'" onmouseup="this.className='mouseBeUp'" onmouseout="this.className='mouseBeOffMe'">

this will work as a button, you only need to <form>'it :)

Author Comment

ID: 9600219
thanks. I tried Jay's idea which looks pretty simple. Strangely, it works on a simple htm page, but when I move the codes to my JSP page, it does not work. Any clue why?
LVL 16

Expert Comment

ID: 9600258
i no nothing about jsp pages, but i assume you may have a syntax erro some where or something

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I will show you how to create a ASP.NET Captcha control without using any HTTP HANDELRS or what so ever. you can easily plug it into your web pages. For Example a = 2 + 3 (where 2 and 3 are 2 random numbers) Session("Answer") = 5 then we…
This article covers the basics of the Sass, which is a CSS extension language. You will learn about variables, mixins, and nesting.
Viewers will learn about if statements in Java and their use The if statement: The condition required to create an if statement: Variations of if statements: An example using if statements:
The viewer will learn how to dynamically set the form action using jQuery.
Suggested Courses

649 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question