problem;alignment of textbox and imagebutton is not in single line

Question

1.00/5 (1 vote)

See more:

XML

<td class="whiteboxtd">
                                               <asp:TextBox ID="txtconsul" CssClass="whitebxtxtbox" runat="server"></asp:TextBox>
                                                <asp:TextBoxWatermarkExtender ID="txtconsul_TextBoxWatermarkExtender"  WatermarkCssClass="whitebxtxtbox"
                                                    runat="server" Enabled="True" TargetControlID="txtconsul" WatermarkText="Name">
                                                </asp:TextBoxWatermarkExtender>
                                               </td>

XML

<td valign="top">
                                                   <asp:ImageButton ID="ImageButton2" runat="server"
                                                       ImageUrl="~/images/loginBTN.png" onclick="ImageButton2_Click"
                                                        CssClass="boxsrchbtn" />
                                               </td>

i want this both image button and textbox should be in one line...here imagebutton is going down..its not correctly aligned with textbox..please help me..
this is css of imagebutton..

C#

.boxsrchbtn
         {
            height:34px;
             }

Posted 5-Feb-13 2:16am

ujali

Add a Solution

Comments

Ankur^\m/ 5-Feb-13 8:21am

Does both your 'td' belongs to single 'tr' or are they in different tr's?

ujali 5-Feb-13 8:26am

both td are in single tr

Ankur^\m/ 5-Feb-13 8:27am

In that case the html code is fine. Use Firebug to see what style is breaking. Or we will have to see the actual page to help you out.

ujali 5-Feb-13 8:22am

both td are in single tr

[no name] 5-Feb-13 8:54am

Try using CSS

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CShubham · Answer 1 · 2013-02-06T19:15:00

Solution 5

hi!!!
you do like that.

<table>
<tr>
<td>
your text box
<td/>
<td>
your image button
<td/>
<tr/>
<table/>

if you have only one

<td></td>

so make split.and do like above.

Posted 6-Feb-13 19:15pm

CShubham

Updated 6-Feb-13 19:20pm

v2

Comments

ujali 7-Feb-13 1:18am

the problem is solved..

[no name] 7-Feb-13 1:23am

good

Sandesh M Patil · Answer 2 · 2013-02-05T03:53:00

Solution 1

Check the CSS code for following items and also check the height added in to it,

"whiteboxtd" applied to td of the textbox control
"whitebxtxtbox" applied to textbox control

Posted 5-Feb-13 3:53am

Sandesh M Patil

Updated 5-Feb-13 3:54am

v3

Nick Fisher (Consultant) · Answer 3 · 2013-02-05T04:28:00

Solution 2

It is hard to tell unless we can see the rest of your CSS, but make sure your table row is wide enough to hold both <td>s by setting it's CSS 'width' value, and try the following:

CSS

.boxsrchbtn
{
   height:34px;
   display:inline;
}

.whitebxtxtbox
{
   display:inline;
}

Posted 5-Feb-13 4:28am

Nick Fisher (Consultant)

Updated 5-Feb-13 4:30am

v3

piyush_dobariya · Answer 4 · 2013-02-06T19:20:00

Solution 6

use ctrl K+D for formating text.

Posted 6-Feb-13 19:20pm

piyush_dobariya