This is a migrated thread and some comments may be shown as answers.

spaces between textbox and button

1 Answer 89 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
L
Top achievements
Rank 1
L asked on 26 Aug 2012, 03:27 PM
hi

i have a code that display differently bwtween firefox and IE9. Both support CSS3

what i get from Firefox is that there is no spaces betweeen the textbox and the button, which is what i want.
But when i use IE9 to view, there is a space between the textbox and the button. How do i get the same display as firefox.

here is the code: Thanks

<td> <div style="text-align:center">
     <telerik:RadTextBox ID="RadTextBox1" Runat="server" 
            style="border-style: solid; border-width:8px; border-color:#e9e5d9; font-size:medium; border-radius: 3px 0px 0px 3px;font: bold 15px/10px 'lucida sans', 'trebuchet MS', 'Tahoma'; "
             Height="48px"
            Width="470px"
            EmptyMessage="search here......">
        </telerik:RadTextBox>
    
        <asp:Button ID="btnSearch" runat="server"
            style="overflow: visible; position:absolute; border:0px none #d83c3c; padding: 0;cursor: pointer;height: 48px;width: 110px; font: bold 15px/0px 'lucida sans', 'trebuchet MS', 'Tahoma';    color: #fff;    text-transform: uppercase; border-radius: 0px 3px 3px 0px;background-color: #d83c3c;"
            Text="SEARCH" />
 </div></td>

1 Answer, 1 is accepted

Sort by
0
Accepted
Nencho
Telerik team
answered on 27 Aug 2012, 03:45 PM
Hello L L,

Sometimes leaving a blank space or a tab in the markup reflects in the rendering of the page. Please consider the following implementation in order to resolve this tricky issue.

<td>
                <div style="text-align: center">
                    <telerik:RadTextBox ID="RadTextBox1" runat="server" Style="border-style: solid; border-width: 8px;
                        border-color: #e9e5d9; font-size: medium; border-radius: 3px 0px 0px 3px; font: bold 15px/10px 'lucida sans', 'trebuchet MS', 'Tahoma';"
                        Height="48px" Width="470px" EmptyMessage="search here......">
                    </telerik:RadTextBox><asp:Button ID="btnSearch" runat="server" Style="overflow: visible; position: absolute;
                        border: 0px none #d83c3c; padding: 0; cursor: pointer; height: 48px; width: 110px;
                        font: bold 15px/0px 'lucida sans', 'trebuchet MS', 'Tahoma'; color: #fff; text-transform: uppercase;
                        border-radius: 0px 3px 3px 0px; background-color: #d83c3c;" Text="SEARCH" />
                </div>
            </td>

Please take a look at the image, in order to observe how your code is implemented at our end.

Regards,
Nencho
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
General Discussions
Asked by
L
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Share this question
or