Solved

how to make the lable two lines on the button?

Posted on 2003-10-22
7
190 Views
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?


thanks.
0
Comment
Question by:panpioneer
7 Comments
 
LVL 17

Expert Comment

by:dorward
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?
0
 

Author Comment

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

Expert Comment

by:jaysolomon
ID: 9599796
Ever thought about creating an image?
0
What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

 
LVL 16

Accepted Solution

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

<html>
<head>
<title></title>
<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";
}
// -->
</script>
</head>
<body onload="init();">
<form name="form1" method="post" action="">
<input type="button" name="btn" value="">
</form>
</body>
</html>
0
 
LVL 1

Expert Comment

by:paStiSSet
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:

<html>
<body>
<style>
<!--
.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;
}
//-->
</style>

</HEAD>
<BODY>

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

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

Author Comment

by:panpioneer
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?
0
 
LVL 16

Expert Comment

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

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Most of the sites are being standardized with W3C Web Standards. W3C provides lot of web standard services to the web. They have the web specification, process and documentation for all the web standards. You can apply HTML, CSS and Accessibility st…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Viewers will learn one way to get user input in Java. Introduce the Scanner object: Declare the variable that stores the user input: An example prompting the user for input: Methods you need to invoke in order to properly get  user input:
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:

746 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now