Solved

how to make the lable two lines on the button?

Posted on 2003-10-22
7
193 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
Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone 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

Suggested Solutions

Title # Comments Views Activity
How can I write .htaccess code to redirect 301 pages? 1 126
ColdFusion Rereplace 3 82
WCAG (Web Content Accessibility Guidelines) levels 3 102
Re-position the objects 7 117
What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

827 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