HTML and CSS

Input Button Background with i18n problem

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Apr 2008

Posts: 2

Reputation: jelumalai is an unknown quantity at this point

Solved Threads: 0

jelumalai

Offline

Newbie Poster

Input Button Background with i18n problem

Nov 17th, 2008

Hi,

I am using rounded corner button. The following codes are working fine, but I want to use only one (input type button) with CSS and bg image only.

Already we know one bg image with input button will works fine. But when I change the language (i18n - Multi Language) it will show very odd.

NOTE: Same time I want to use this button with background image and i18n.

From this example I have to use two images and button tag with DIV.
If any chance to use single input button with solved the i18ned problem?

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<html>
<style>
	.leftSingle1 {
	background:transparent url(SingleLeft1.gif) no-repeat right scroll 0;
	height: 28px;
	border:0px;
	padding:0px;
	white-space:nowrap;
	margin:0px;
}
.buttonSingle1 {
	background:transparent url(ButtonMain.gif) no-repeat scroll 0;
	background-position: -5px -6px;
	height: 27px;
	border:0px;
	color: #ffffff;
	padding:0px;
	padding-left:7px;
	padding-top:2px; 
	float:left;
	_margin-top:1px;
}
 
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
 
<body>
	<button type="submit" class="leftSingle1"><div class="buttonSingle1">Tedddd ddd dd test</div></button>
 
</body>
</html>
<html>
<style>
	.leftSingle1 {
	background:transparent url(SingleLeft1.gif) no-repeat right scroll 0;
	height: 28px;
	border:0px;
	padding:0px;
	white-space:nowrap;
	margin:0px;
}
.buttonSingle1 {
	background:transparent url(ButtonMain.gif) no-repeat scroll 0;
	background-position: -5px -6px;
	height: 27px;
	border:0px;
	color: #ffffff;
	padding:0px;
	padding-left:7px;
	padding-top:2px; 
	float:left;
	_margin-top:1px;
}
 
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<body>
	<button type="submit" class="leftSingle1"><div class="buttonSingle1">Tedddd ddd dd test</div></button>

</body>
</html>

Thanks
Elumalai J.

Last edited by peter_budo; Nov 19th, 2008 at 8:31 pm. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks) and [icode] (inline code) tags.

Attached Thumbnails