Input Button Background with i18n problem [Archive]

jelumalai

11-17-2008, 06:58 AM

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?

<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.