HTML display problem

Posted on 2011-04-25
Last Modified: 2012-06-21
Hi, I have a HTML display problem . the two textfields are not alligned properly.

Here I'm attaching  the code  and the desired display expected-display.png  in zip file. Could you please have a look into that and suggest me what needs to be done to get the desired display.
Question by:cofactor

    Author Comment

    comments please
    LVL 3

    Expert Comment

    you can use 2 <td> for label and input type. For example this line:

    <td width="89%">Remark&nbsp;&nbsp;<input name="remark" type="text"></td>

    can be split into 2 <td> like this:

    <td width="89%"><input name="remark" type="text"></td>

    do the same thing on "Assign To:" label.
    LVL 3

    Accepted Solution

    this is what i mean:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    		<td width="89%"><input name="remark" type="text"></td>
    		<input id="assigntoID" name="assignto" value="-1" type="hidden">
    		<input id="hdnEmailID" name="hdnEmail" value="-1" type="hidden">
    		<td>Assign To:</td>
    		<td width="89%"><input name="fullName" value="" disabled="disabled" type="text"> &nbsp; <input name="btnSearch" class="submit_btn_base" value="Search" onclick="searchUser(document.forms[0].fullName.value)" type="button">
    		<td colspan=2>  <br>
    		<input id="submit_1690601214" value="Approve" class="submit_btn_base" type="submit">
    		<input id="submit_1173207487" value="Reject" class="submit_btn_base" type="submit">
    		<input id="submit_1700119475" value="Print Preview" disabled="disabled" class="submit_btn_base" type="submit">
    		<input id="submit_248498231" value="Export to Word" disabled="disabled" class="submit_btn_base" type="submit">

    Open in new window


    Author Closing Comment

    This solved my problem

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Do You Know the 4 Main Threat Actor Types?

    Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

    Suggested Solutions

    Title # Comments Views Activity
    Zoom web page in 2 21
    PDF to HTML conversion that looks good on Android Phones 3 31
    Bing Maps 1 23
    Image not there 4 6
    As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
    Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
    In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    737 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

    Need Help in Real-Time?

    Connect with top rated Experts

    22 Experts available now in Live!

    Get 1:1 Help Now