Editing an ASP.Net Webpage

RCL_Burco
RCL_Burco used Ask the Experts™
on
Editing an ASP.Net webpage.

Everyone, We are trying to edit this webpage, please see the attached images.
This is a checkout page and we are trying to put the "Zip Code" text box on the same
line as the "City and State" text boxes. We want to move the highlighted box which is
the zip code box, one row up to be on the same line as "city" and "state". The "State"
text box is the "Drop Down" box. I also included the image with the Code. I know a little bit of HTML and CSS, but nothing really about ASP.Web Page DesignWeb Page Source
Thanks in advance for your help.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Paul MacDonaldDirector, Information Systems

Commented:
The two preceding DIV tags are configured to take up 49% of the page each.  This pushes the ZIP textbox to its own row.  The ZIP text box is configured to take up 100% of it's container's width so it spans the whole page.

I would reduce the WIDTH property of the DIVs containing the city and state controls, then wrap the ZIP control in a DIV tag with a WIDTH property that's appropriate.

So something like...

<div float=left, width=50%>
  City control
</div>
<div float=left, width=20%>
  State control
</div>
<div float=right, width= 20%>
  ZIP control
</div>
Geoff SuttonSr. Software Developer

Commented:
The problem you are running into is that each element is contained in a separate DIV.  The DIV is a block element which automatically places a new line after its close.

I have reworked the city, state and zip elements and placed them into the same div, which will keep them on the same line.  You will want to adjust the width elements.  I would advice using PX as the unit for zip an state, since you can be certain of the total space required, then set the city width to 100% which will cause it to expand into all remaining space.

Also watch out for the "FLOAT" css tag.  That takes it out of the HTML flow so that it will sit atop other elements if they are there.

Here is the modified code for those 3 elements:

<div style="text-align:left; width:100%; whitespace:nowrap">
	<asp:TextBox ID="txtHDSCTY" runat="server" style="width:49%; margin-left:1%;" placeholder="City"></asp:TextBox>
	<asp:DropDownList ID="ddHDSST" runat="server" style="margin-left:1%; font-size: 24px; width:30%" placeholder="State"></asp:DropDownList>
	<asp:TextBox ID="txtHDSZIP" runat="server" placeholder="Zip" style="Width:19%;"></asp:TextBox>
</div>

Open in new window


I used text-align:left just to guarantee everything is there, even though that is the default.  It shouldn't be needed

Author

Commented:
Mr. Sutton, I used your coding above to the best of my ability, but the "zip" text box is below the "state" text box and I was trying to get it to the right. Please see the attached.

Thanks again.
Checkout-Source-II.jpg
Checkout-Design-II.jpg
Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Paul MacDonaldDirector, Information Systems

Commented:
Make your city text box's width smaller.  Try 35% or 40% instead of 49%.

Author

Commented:
Mr. MacDonald, I tried that but the zip text box is still one line below city and state. I was wondering about this
<td colspan="2"> does this mean I only have 2 columns? And if so would this keep me from putting 3 text boxes on
one line?

Thanks.
Paul MacDonaldDirector, Information Systems

Commented:
"...does this mean I only have 2 columns? And if so would this keep me from putting 3 text boxes on
one line?
"
No, it reserves the space for all the DIVs inside it and has nothing to do with how many will fit.

You may need to make the containing DIV smaller than 100%.

To borrow Geoff's code from above:
<div style="text-align:left; width:90%; whitespace:nowrap">
      <asp:TextBox ID="txtHDSCTY" runat="server" style="width:45%; margin-left:1%;" placeholder="City"></asp:TextBox>
      <asp:DropDownList ID="ddHDSST" runat="server" style="margin-left:1%; font-size: 24px; width:30%" placeholder="State"></asp:DropDownList>
      <asp:TextBox ID="txtHDSZIP" runat="server" placeholder="Zip" style="Width:20%;"></asp:TextBox>
</div>

In this arrangement, the DIV will take up 90% of the page width, while the controls take up varying percentages of the DIV.  Once it's working you can play with the numbers.  Bear in mind, the ZIP control will collapse anyway, if the browser window is small enough.

Author

Commented:
Hey Paul, I have all 3 text boxes showing up on the same line now, but somehow, the zip text box got in between the city and state text boxes. I've attached the code again.

Thanks.
Checkout-Source-III.jpg

Author

Commented:
Guys, I attached a picture of my webpage in a browser and it shows City, Zip and then State, and I was wanting it to show City, State and then Zip. I'm also attaching a picture of the code and it has the line for City and then State and then the Zip, but that's not how it renders in the browser. Any help would be appreciated.

Thanks.
Webpage.jpg
Source-Code.jpg
Geoff SuttonSr. Software Developer

Commented:
Does it render like this in every browser?  Do you have any CSS files affecting the controls?  If you right click on the ZIP textbox and choose "Inspect Element" what does the browser debug show?  Have you tried CTRL + F5 in the browser?  This will for a complete reload of the page ignoring any cached elements.

The code that you are showing does not match what is on the screen unless there are other elements interfering with it (hence the CSS file).  If we can see what the browser is displaying according to the browser that might give us some clues.

It might also be easier for us to debug if you just select all in your code and copy it, then paste between code labels here.  Then we can copy it and modify it without having to completely retype it.

Thanks.

Author

Commented:
Okay, thanks Geoff.

<%@ page language="AVR" autoeventwireup="false" inherits="Checkout, App_Web_vw5tbcny" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Checkout Page</title>
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <link href="css/normalize.css" rel="stylesheet" type="text/css">
    <link href="css/components.css" rel="stylesheet" type="text/css">
    <link href="css/burco-csx-portal.css" rel="stylesheet" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
    <script type="text/javascript">
        WebFont.load({
            google: {
                families: ["Montserrat:400,700", "Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic", "Bitter:400,700,400italic", "Droid Serif:400,700"]
            }
        });
    </script>
    <script src="js/modernizr.js" type="text/javascript"></script>
    <link href="images/burcoICONsm.png" rel="shortcut icon" type="image/x-icon">
    <link href="images/burcoICONlg.png" rel="apple-touch-icon">
    <style type="text/css">
        .scrolling-table-container {
            margin: 10px auto 0px;
            width: 80%;
            text-align: left;
            left: 0px;
            height: auto;
            position: relative;
        }

        .floatleft {
            float: left;
            width: 13%;
            color: #FFFFFF;
        }

        .subitem {
            display: inline-block;
            width: 80%;
        }

        .current {
            color: #FFFFFF;
            font-family: Bitter, serif;
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 0px;
            text-shadow: none;
        }

        }

        nav a.current {
            color: white;
        }

        .search {
            width: 27%;
            height: 30px;
        }

        .newStyle1 {
            width: 200px;
        }

        .ordhist {
        }

        .pagination {
            width: 50%;
            margin: 0 auto;
            position: relative;
            top: -8px;
            left: 0px;
        }

        h1 {
            color: #FFFFFF;
        }

        .labelleft {
            float: left;
            color: #FFFFFF;
            font-weight: bold;
            text-align: right;
            margin-right: 10px;
        }

        #checkout {
            background-image: url('images/CSXChatham.jpg');
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
            background-color: #999;
        }

        .checkoutform {
            width: 100%;
        }

        .fields {
            margin-bottom: 20px;
            margin-top: 20px;
            width: 100%;
        }
    </style>
</head>
</style>
</head>
<body id="checkout">


    <div class="navbar w-nav" data-animation="default" data-collapse="medium" data-duration="400">
        <div class="w-container">
            <a class="brand w-nav-brand" href="#logon">
                <div class="logo logonav"></div>
            </a>
            <nav class="w-nav-menu" role="navigation">
          <a class="w-nav-link " href="#"><span class="navigationlinks">SHOP</span></a>
          <a class="w-nav-link" href="./ShoppingCart.aspx"><span class="navigationlinks">CART</span></a>
 <a class="w-nav-link" href="./OrderHistory.aspx"><span class="navigationlinks">ORDER HISTORY</span></a>
          <a class="w-nav-link" href="#contact"><span class="navigationlinks">CONTACT</span></a>
        </nav>
            <div class="w-nav-button">
                <div class="w-icon-nav-menu"></div>
            </div>
        </div>
    </div>
    <div class="center">
        <h1><span class="textshadow" style="font-family: Bitter, serif; font-size: 70px">Checkout</span></h1>
        <form style="margin-left: auto; margin: 0 auto; width: 100%; margin-top: 0px; margin-right: auto;" id="form1" runat="server">
            <div class="checkoutform">

                <td colspan="2">
                    <h2 style="padding-top: 60px; margin: 0 auto; color: #e4c272; font-size: 32px; clear: both; height: 50px"><span class="textshadow">Ship To:</span></h2>

                    <!--<asp:Label ID="Label1" runat="server" Text="Ship To Company" CssClass="labelleft"></asp:Label>
                 <asp:Label ID="Label3" runat="server" Text="Company" CssClass="labelleft"></asp:Label> -->
                    <asp:TextBox ID="txtHDSNAM" runat="server" Width="100%" placeholder="Ship To Company"></asp:TextBox>
                    <!-- <br /> -->
                    <!-- <asp:Label ID="Label4" runat="server" Text="Address" CssClass="labelleft"></asp:Label> -->
                    <div style="float: left; width: 49%">
                        <asp:TextBox ID="txtHDSAD1" runat="server" Width="99%" Style="margin-right: 1%" placeholder="Address 1"></asp:TextBox>
                    </div>
                    <div style="float: right; width: 49%">
                        <asp:TextBox ID="txtHDSAD2" runat="server" Width="99%" Style="margin-left: 1%" placeholder="Address 2"></asp:TextBox>
                    </div>
                    <!-- <br /> -->
                    <!-- <asp:Label ID="Label5" runat="server" Text="City" CssClass="labelleft"></asp:Label> -->
                   <div style="text-align:left; width:90%; whitespace:nowrap">
                         <asp:TextBox ID="txtHDSCTY" runat="server" style="width:35%; margin-left:1%;" placeholder="City"></asp:TextBox>
                         <asp:DropDownList ID="ddHDSST" runat="server" style="margin-left:1%; font-size: 18px; width:30%" placeholder="State"></asp:DropDownList>
                         <asp:TextBox ID="txtHDSZIP" runat="server" placeholder="Zip" style="Width:30%;"></asp:TextBox>
                   </div>
                    <!-- <asp:Label ID="Label8" runat="server" Text="Telephone" CssClass="labelleft"></asp:Label> -->
                    <div style="float: left; width: 49%">
                        <asp:TextBox ID="txtHDSPHN" runat="server" placeholder="Telephone" Width="99%" Style="margin-right: 1%"></asp:TextBox>
                    </div>
                    <!-- <asp:Label ID="Label300" runat="server" Text="Fax" CssClass="labelleft"></asp:Label> -->
                    <div style="float: right; width: 49%">
                        <asp:TextBox ID="txtHDSFAX" runat="server" placeholder="Fax" Width="99%" Style="margin-left: 1%"></asp:TextBox>
                    </div>
                    <div style="clear: both"></div>

                </td>
                <!-- <br /> -->


                <td colspan="3">
                    <h2 style="padding-top: 60px; margin: 0 auto; color: #e4c272; font-size: 32px; clear: both; height: 50px"><span class="textshadow">Bill To:</span></h2>

                    <!-- <asp:Label ID="Label2" runat="server" Text="Bill To Company" CssClass="labelleft"></asp:Label> -->
                    <!--               <asp:Label ID="Label10" runat="server" Text="Company" CssClass="labelleft"></asp:Label>-->
                    <asp:TextBox ID="txtHDBNAM" runat="server" placeholder="Bill To Company" Width="100%"></asp:TextBox>
                    <!-- <br /> -->

                    <!-- <asp:Label ID="Label11" runat="server" Text="Address" CssClass="labelleft"></asp:Label> -->
                    <div style="float: left; width: 49%">
                        <asp:TextBox ID="txtHDBAD1" runat="server" placeholder="Address 1" Width="99%" Style="margin-right: 1%"></asp:TextBox>
                    </div>
                    <div style="float: right; width: 49%">
                        <asp:TextBox ID="txtHDBAD2" runat="server" placeholder="Address 2" Width="99%" Style="margin-left: 1%"></asp:TextBox>
                    </div>
                    <!-- <br /> -->

                    <!-- <asp:Label ID="Label12" runat="server" Text="City" CssClass="labelleft"></asp:Label>
                <asp:Label ID="Label13" runat="server" Text="State" CssClass="labelleft"></asp:Label> -->
                    <div style="float: left; width: 49%">
                        <asp:TextBox ID="txtHDBCTY" runat="server" placeholder="City" Width="99%" Style="margin-right: 1%"></asp:TextBox>
                    </div>
                    <div style="float: right; width: 49%">
                        <asp:DropDownList ID="ddHDBST" runat="server" placeholder="State" Width="99%" Style="margin-left: 1%; font-size: 24px">
                        </asp:DropDownList>
                    </div>
                    <!-- <br /> -->

                    <!-- <asp:Label ID="Label14" runat="server" Text="Zip" CssClass="labelleft"></asp:Label> -->
                    <asp:TextBox ID="txtHDBZIP" runat="server" placeholder="Zip" Width="100%"></asp:TextBox>
                    <!-- <br /> -->

                    <!-- <asp:Label ID="Label15" runat="server" Text="Telephone" CssClass="labelleft"></asp:Label> -->
                    <div style="float: left; width: 49%">
                        <asp:TextBox ID="txtHDBPHN" runat="server" placeholder="Telephone" Width="99%" Style="margin-right: 1%"></asp:TextBox>
                    </div>
                    <div style="float: right; width: 49%">
                        <asp:TextBox ID="txtHDBFAX" runat="server" placeholder="Fax" Width="99%" Style="margin-left: 1%"></asp:TextBox>
                    </div>
                    <!-- <br /> -->

                    <!-- <asp:Label ID="Label17" runat="server" Text="Customer PO Number" CssClass="labelleft"></asp:Label>
                <asp:Label ID="Label18" runat="server" Text="Requisition Number" CssClass="labelleft"></asp:Label> -->
                    <div style="float: left; width: 49%">
                        <asp:TextBox ID="txtHDPO" runat="server" placeholder="Customer PO Number" Width="99%" Style="margin-right: 1%"></asp:TextBox>
                    </div>
                    <div style="float: right; width: 49%">
                        <asp:TextBox ID="txtHDCRN" runat="server" placeholder="Requestion Number" Width="99%" Style="margin-left: 1%"></asp:TextBox>
                    </div>
                    <!-- <br /> -->

                    <!-- <asp:Label ID="Label19" runat="server" Text="Attention" CssClass="labelleft"></asp:Label> -->
                    <asp:TextBox ID="txtHDMRKF" runat="server" placeholder="Attention" Width="100%"></asp:TextBox>
                    <!-- <br /> -->

                    <!-- <asp:Label ID="Label20" runat="server" Text="Contact Info: First, Middle, Last Name" CssClass="labelleft"></asp:Label> -->
                    <!--<asp:Label ID="Label21" runat="server" Text="First Name" CssClass="labelleft"></asp:Label>
                <asp:Label ID="Label22" runat="server" Text="MI" CssClass="labelleft"></asp:Label>
                <asp:Label ID="Label23" runat="server" Text="Last Name" CssClass="labelleft"></asp:Label>-->
            </div>
            <div style="clear: both"></div>
            </td>

   <td colspan="2">

       <div>
           <h2 style="padding-top: 60px; margin: 0 auto; color: #e4c272; font-size: 32px; clear: both; height: 50px"><span class="textshadow">Contact Information:&nbsp;&nbsp; </span></h2>
           <div style="float: left; width: 75%">
               <asp:TextBox ID="txtHDFSTN" runat="server" placeholder="First Name" Width="30%" Style="margin-right: 1%"></asp:TextBox>
               <asp:TextBox ID="txtHDMI" runat="server" placeholder="Middle" Width="30px" Style="margin-right: 1%"></asp:TextBox>
               <asp:TextBox ID="txtHDLSTN" runat="server" placeholder="Last Name" Width="60%" Style="margin-right: 1%"></asp:TextBox>
           </div>
           <!-- <br />

                <asp:Label ID="Label24" runat="server" Text="Shipping" CssClass="labelleft"></asp:Label>
                <asp:Label ID="Label25" runat="server" Text="Shipping Method" CssClass="labelleft"></asp:Label> -->
           <div style="float: right; width: 25%">
               <asp:DropDownList ID="ddShipping" runat="server" placeholder="Shipping Method" AutoPostBack="True" Visible="False" Width="100%" Style="margin-left: 1%; font-size: 24px">
           </asp:DropDownList>
               </div>
           <!-- <br /> -->
       </div>

       <div style="clear: both"></div>

   </td>


            <div style="width: 160px; margin: auto; text-align: center">
                <asp:Button ID="btnContinue" runat="server" Text="Continue" Style="font-size: 24px; color: black; height: 60px"></asp:Button>
            </div>
    </div>
    </form>
</body>
</html>
Sr. Software Developer
Commented:
Nothing presents itself as obvious.  I did notice that in your page style there is an additional closing brace but that shouldn't affect the city/state/zip.  The next thing to try is modify the CSS for each element with "display:inline" or "inline-block".  That shouldn't be necessary but ASP.NET can do some weird things.  If that fails remove all styling from the elements and if that works add it in a bit at a time.

There isn't really any code that will swap the order so conveniently (that I am aware of) so it's my belief that this is something done either by cached data or by the webserver itself due to cached data.  What does the view source in the browser show you?

Author

Commented:
Hey Geoff, Below is what shows when I do view source in Firefox



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
      Checkout Page
</title><meta content="width=device-width, initial-scale=1" name="viewport" /><link href="css/normalize.css" rel="stylesheet" type="text/css" /><link href="css/components.css" rel="stylesheet" type="text/css" /><link href="css/burco-csx-portal.css" rel="stylesheet" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
    <script type="text/javascript">
        WebFont.load({
            google: {
                families: ["Montserrat:400,700", "Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic", "Bitter:400,700,400italic", "Droid Serif:400,700"]
            }
        });
    </script>
    <script src="js/modernizr.js" type="text/javascript"></script>
    <link href="images/burcoICONsm.png" rel="shortcut icon" type="image/x-icon" /><link href="images/burcoICONlg.png" rel="apple-touch-icon" />
    <style type="text/css">
        .scrolling-table-container {
            margin: 10px auto 0px;
            width: 80%;
            text-align: left;
            left: 0px;
            height: auto;
            position: relative;
        }

        .floatleft {
            float: left;
            width: 13%;
            color: #FFFFFF;
        }

        .subitem {
            display: inline-block;
            width: 80%;
        }

        .current {
            color: #FFFFFF;
            font-family: Bitter, serif;
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 0px;
            text-shadow: none;
        }

        }

        nav a.current {
            color: white;
        }

        .search {
            width: 27%;
            height: 30px;
        }

        .newStyle1 {
            width: 200px;
        }

        .ordhist {
        }

        .pagination {
            width: 50%;
            margin: 0 auto;
            position: relative;
            top: -8px;
            left: 0px;
        }

        h1 {
            color: #FFFFFF;
        }

        .labelleft {
            float: left;
            color: #FFFFFF;
            font-weight: bold;
            text-align: right;
            margin-right: 10px;
        }

        #checkout {
            background-image: url('images/CSXChatham.jpg');
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
            background-color: #999;
        }

        .checkoutform {
            width: 100%;
        }

        .fields {
            margin-bottom: 20px;
            margin-top: 20px;
            width: 100%;
        }
    </style>
</head>
</style>
</head>
<body id="checkout">


    <div class="navbar w-nav" data-animation="default" data-collapse="medium" data-duration="400">
        <div class="w-container">
            <a class="brand w-nav-brand" href="#logon">
                <div class="logo logonav"></div>
            </a>
            <nav class="w-nav-menu" role="navigation">
          <a class="w-nav-link " href="#"><span class="navigationlinks">SHOP</span></a>
          <a class="w-nav-link" href="./ShoppingCart.aspx"><span class="navigationlinks">CART</span></a>
 <a class="w-nav-link" href="./OrderHistory.aspx"><span class="navigationlinks">ORDER HISTORY</span></a>
          <a class="w-nav-link" href="#contact"><span class="navigationlinks">CONTACT</span></a>
        </nav>
            <div class="w-nav-button">
                <div class="w-icon-nav-menu"></div>
            </div>
        </div>
    </div>
    <div class="center">
        <h1><span class="textshadow" style="font-family: Bitter, serif; font-size: 70px">Checkout</span></h1>
        <form method="post" action="./Checkout.aspx" id="form1" style="margin-left: auto; margin: 0 auto; width: 100%; margin-top: 0px; margin-right: auto;">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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BVZUICAgZxAFBVdBICAgBQVXQSAgIGcQBQVXSSAgIAUFV0kgICBnEAUFV1YgICAFBVdWICAgZxAFBVdZICAgBQVXWSAgIGcQBQVZSyAgIAUFWUsgICBnEAUFWU9VICAFBVlPVSAgZ2RkAlkPEA8WAh4ORGF0YVZhbHVlRmllbGQFAzExMmQPFgNmAgECAhYDEAUwQ1VTVE9NRVIgUElDS1VQICAgICAgICAgICAgICAgIC0gNS4wMCAgICAgICAgICAgBTBDVVNUT01FUiBQSUNLVVAgICAgICAgICAgICAgICAgLSA1LjAwICAgICAgICAgICBnEAUwVVBTIEdST1VORCAgICAgICAgICAgICAgICAgICAgIC0gOS4zNiAgICAgICAgICAgBTBVUFMgR1JPVU5EICAgICAgICAgICAgICAgICAgICAgLSA5LjM2ICAgICAgICAgICBnEAUwVVBTIE5FWFQgREFZIEFJUiAgICAgICAgICAgICAgIC0gMzMuMjUgICAgICAgICAgBTBVUFMgTkVYVCBEQVkgQUlSICAgICAgICAgICAgICAgLSAzMy4yNSAgICAgICAgICBnFgFmZGStbgU8XJ3jsqHvTMUcRsVrTQGhum6eR65XKGPQabWhZg==" />
</div>

<div class="aspNetHidden">

      <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="277BF4AB" />
      <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="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" />
</div>
            <div class="checkoutform">

                <td colspan="2">
                    <h2 style="padding-top: 60px; margin: 0 auto; color: #e4c272; font-size: 32px; clear: both; height: 50px"><span class="textshadow">Ship To:</span></h2>

                    <!--<span id="Label1" class="labelleft">Ship To Company</span>
                 <span id="Label3" class="labelleft">Company</span> -->
                    <input name="txtHDSNAM" type="text" value="RCL Burco, LLC                " id="txtHDSNAM" placeholder="Ship To Company" style="width:100%;" />
                    <!-- <br /> -->
                    <!-- <span id="Label4" class="labelleft">Address</span> -->
                    <div style="float: left; width: 49%">
                        <input name="txtHDSAD1" type="text" value="123 Main St                   " id="txtHDSAD1" placeholder="Address 1" style="width:99%;margin-right: 1%" />
                    </div>
                    <div style="float: right; width: 49%">
                        <input name="txtHDSAD2" type="text" id="txtHDSAD2" placeholder="Address 2" style="width:99%;margin-left: 1%" />
                    </div>
                    <!-- <br /> -->
                    <!-- <span id="Label5" class="labelleft">City</span> -->
                   <div style="text-align:left; width:90%; whitespace:nowrap">
                         <input name="txtHDSCTY" type="text" value="Knoxville         " id="txtHDSCTY" placeholder="City" style="width:35%; margin-left:1%;" />
                         <select name="ddHDSST" id="ddHDSST" placeholder="State" style="margin-left:1%; font-size: 24px; width:30%">
      <option selected="selected" value="TN ">TN </option>
      <option value="AB   ">AB   </option>
      <option value="AK   ">AK   </option>
      <option value="AL   ">AL   </option>
      <option value="AR   ">AR   </option>
      <option value="AUS  ">AUS  </option>
      <option value="AZ   ">AZ   </option>
      <option value="BC   ">BC   </option>
      <option value="BR   ">BR   </option>
      <option value="CA   ">CA   </option>
      <option value="CAN  ">CAN  </option>
      <option value="CO   ">CO   </option>
      <option value="CT   ">CT   </option>
      <option value="CZ   ">CZ   </option>
      <option value="DC   ">DC   </option>
      <option value="DE   ">DE   </option>
      <option value="FL   ">FL   </option>
      <option value="GA   ">GA   </option>
      <option value="GU   ">GU   </option>
      <option value="HI   ">HI   </option>
      <option value="IA   ">IA   </option>
      <option value="ID   ">ID   </option>
      <option value="IL   ">IL   </option>
      <option value="IN   ">IN   </option>
      <option value="JAP  ">JAP  </option>
      <option value="KS   ">KS   </option>
      <option value="KY   ">KY   </option>
      <option value="LA   ">LA   </option>
      <option value="MA   ">MA   </option>
      <option value="MB   ">MB   </option>
      <option value="MD   ">MD   </option>
      <option value="ME   ">ME   </option>
      <option value="MEX  ">MEX  </option>
      <option value="MI   ">MI   </option>
      <option value="MN   ">MN   </option>
      <option value="MO   ">MO   </option>
      <option value="MS   ">MS   </option>
      <option value="MT   ">MT   </option>
      <option value="NB   ">NB   </option>
      <option value="NC   ">NC   </option>
      <option value="ND   ">ND   </option>
      <option value="NE   ">NE   </option>
      <option value="NF   ">NF   </option>
      <option value="NH   ">NH   </option>
      <option value="NJ   ">NJ   </option>
      <option value="NM   ">NM   </option>
      <option value="NS   ">NS   </option>
      <option value="NV   ">NV   </option>
      <option value="NY   ">NY   </option>
      <option value="OH   ">OH   </option>
      <option value="OK   ">OK   </option>
      <option value="ON   ">ON   </option>
      <option value="ONT  ">ONT  </option>
      <option value="OR   ">OR   </option>
      <option value="PA   ">PA   </option>
      <option value="PEI  ">PEI  </option>
      <option value="PQ   ">PQ   </option>
      <option value="PR   ">PR   </option>
      <option value="QC   ">QC   </option>
      <option value="RI   ">RI   </option>
      <option value="RS   ">RS   </option>
      <option value="SC   ">SC   </option>
      <option value="SD   ">SD   </option>
      <option value="SK   ">SK   </option>
      <option value="TN   ">TN   </option>
      <option value="TX   ">TX   </option>
      <option value="UT   ">UT   </option>
      <option value="VA   ">VA   </option>
      <option value="VI   ">VI   </option>
      <option value="VT   ">VT   </option>
      <option value="WA   ">WA   </option>
      <option value="WI   ">WI   </option>
      <option value="WV   ">WV   </option>
      <option value="WY   ">WY   </option>
      <option value="YK   ">YK   </option>
      <option value="YOU  ">YOU  </option>

</select>
                         <input name="txtHDSZIP" type="text" value="37919        " id="txtHDSZIP" placeholder="Zip" style="Width:30%;" />
                   </div>
                    <!-- <span id="Label8" class="labelleft">Telephone</span> -->
                    <div style="float: left; width: 49%">
                        <input name="txtHDSPHN" type="text" value="3045622442   " id="txtHDSPHN" placeholder="Telephone" style="width:99%;margin-right: 1%" />
                    </div>
                    <!-- <span id="Label300" class="labelleft">Fax</span> -->
                    <div style="float: right; width: 49%">
                        <input name="txtHDSFAX" type="text" id="txtHDSFAX" placeholder="Fax" style="width:99%;margin-left: 1%" />
                    </div>
                    <div style="clear: both"></div>

                </td>
                <!-- <br /> -->


                <td colspan="3">
                    <h2 style="padding-top: 60px; margin: 0 auto; color: #e4c272; font-size: 32px; clear: both; height: 50px"><span class="textshadow">Bill To:</span></h2>

                    <!-- <span id="Label2" class="labelleft">Bill To Company</span> -->
                    <!--               <span id="Label10" class="labelleft">Company</span>-->
                    <input name="txtHDBNAM" type="text" value="Joe Smith                     " id="txtHDBNAM" placeholder="Bill To Company" style="width:100%;" />
                    <!-- <br /> -->

                    <!-- <span id="Label11" class="labelleft">Address</span> -->
                    <div style="float: left; width: 49%">
                        <input name="txtHDBAD1" type="text" value="123 Main Street               " id="txtHDBAD1" placeholder="Address 1" style="width:99%;margin-right: 1%" />
                    </div>
                    <div style="float: right; width: 49%">
                        <input name="txtHDBAD2" type="text" id="txtHDBAD2" placeholder="Address 2" style="width:99%;margin-left: 1%" />
                    </div>
                    <!-- <br /> -->

                    <!-- <span id="Label12" class="labelleft">City</span>
                <span id="Label13" class="labelleft">State</span> -->
                    <div style="float: left; width: 49%">
                        <input name="txtHDBCTY" type="text" value="Knoxville         " id="txtHDBCTY" placeholder="City" style="width:99%;margin-right: 1%" />
                    </div>
                    <div style="float: right; width: 49%">
                        <select name="ddHDBST" id="ddHDBST" placeholder="State" style="width:99%;margin-left: 1%; font-size: 24px">
      <option value="TN ">TN </option>
      <option value="AB   ">AB   </option>
      <option value="AK   ">AK   </option>
      <option value="AL   ">AL   </option>
      <option value="AR   ">AR   </option>
      <option value="AUS  ">AUS  </option>
      <option value="AZ   ">AZ   </option>
      <option value="BC   ">BC   </option>
      <option value="BR   ">BR   </option>
      <option value="CA   ">CA   </option>
      <option value="CAN  ">CAN  </option>
      <option value="CO   ">CO   </option>
      <option value="CT   ">CT   </option>
      <option value="CZ   ">CZ   </option>
      <option value="DC   ">DC   </option>
      <option value="DE   ">DE   </option>
      <option value="FL   ">FL   </option>
      <option value="GA   ">GA   </option>
      <option value="GU   ">GU   </option>
      <option value="HI   ">HI   </option>
      <option value="IA   ">IA   </option>
      <option value="ID   ">ID   </option>
      <option value="IL   ">IL   </option>
      <option value="IN   ">IN   </option>
      <option value="JAP  ">JAP  </option>
      <option value="KS   ">KS   </option>
      <option value="KY   ">KY   </option>
      <option value="LA   ">LA   </option>
      <option value="MA   ">MA   </option>
      <option value="MB   ">MB   </option>
      <option value="MD   ">MD   </option>
      <option value="ME   ">ME   </option>
      <option value="MEX  ">MEX  </option>
      <option value="MI   ">MI   </option>
      <option value="MN   ">MN   </option>
      <option value="MO   ">MO   </option>
      <option value="MS   ">MS   </option>
      <option value="MT   ">MT   </option>
      <option value="NB   ">NB   </option>
      <option value="NC   ">NC   </option>
      <option value="ND   ">ND   </option>
      <option value="NE   ">NE   </option>
      <option value="NF   ">NF   </option>
      <option value="NH   ">NH   </option>
      <option value="NJ   ">NJ   </option>
      <option value="NM   ">NM   </option>
      <option value="NS   ">NS   </option>
      <option value="NV   ">NV   </option>
      <option value="NY   ">NY   </option>
      <option value="OH   ">OH   </option>
      <option value="OK   ">OK   </option>
      <option value="ON   ">ON   </option>
      <option value="ONT  ">ONT  </option>
      <option value="OR   ">OR   </option>
      <option value="PA   ">PA   </option>
      <option value="PEI  ">PEI  </option>
      <option value="PQ   ">PQ   </option>
      <option value="PR   ">PR   </option>
      <option value="QC   ">QC   </option>
      <option value="RI   ">RI   </option>
      <option value="RS   ">RS   </option>
      <option value="SC   ">SC   </option>
      <option value="SD   ">SD   </option>
      <option value="SK   ">SK   </option>
      <option value="TN   ">TN   </option>
      <option value="TX   ">TX   </option>
      <option value="UT   ">UT   </option>
      <option value="VA   ">VA   </option>
      <option value="VI   ">VI   </option>
      <option value="VT   ">VT   </option>
      <option value="WA   ">WA   </option>
      <option value="WI   ">WI   </option>
      <option value="WV   ">WV   </option>
      <option value="WY   ">WY   </option>
      <option value="YK   ">YK   </option>
      <option value="YOU  ">YOU  </option>

</select>
                    </div>
                    <!-- <br /> -->

                    <!-- <span id="Label14" class="labelleft">Zip</span> -->
                    <input name="txtHDBZIP" type="text" value="37919        " id="txtHDBZIP" placeholder="Zip" style="width:100%;" />
                    <!-- <br /> -->

                    <!-- <span id="Label15" class="labelleft">Telephone</span> -->
                    <div style="float: left; width: 49%">
                        <input name="txtHDBPHN" type="text" id="txtHDBPHN" placeholder="Telephone" style="width:99%;margin-right: 1%" />
                    </div>
                    <div style="float: right; width: 49%">
                        <input name="txtHDBFAX" type="text" id="txtHDBFAX" placeholder="Fax" style="width:99%;margin-left: 1%" />
                    </div>
                    <!-- <br /> -->

                    <!-- <span id="Label17" class="labelleft">Customer PO Number</span>
                <span id="Label18" class="labelleft">Requisition Number</span> -->
                    <div style="float: left; width: 49%">
                        <input name="txtHDPO" type="text" id="txtHDPO" placeholder="Customer PO Number" style="width:99%;margin-right: 1%" />
                    </div>
                    <div style="float: right; width: 49%">
                        <input name="txtHDCRN" type="text" id="txtHDCRN" placeholder="Requestion Number" style="width:99%;margin-left: 1%" />
                    </div>
                    <!-- <br /> -->

                    <!-- <span id="Label19" class="labelleft">Attention</span> -->
                    <input name="txtHDMRKF" type="text" id="txtHDMRKF" placeholder="Attention" style="width:100%;" />
                    <!-- <br /> -->

                    <!-- <span id="Label20" class="labelleft">Contact Info: First, Middle, Last Name</span> -->
                    <!--<span id="Label21" class="labelleft">First Name</span>
                <span id="Label22" class="labelleft">MI</span>
                <span id="Label23" class="labelleft">Last Name</span>-->
            </div>
            <div style="clear: both"></div>
            </td>

   <td colspan="2">

       <div>
           <h2 style="padding-top: 60px; margin: 0 auto; color: #e4c272; font-size: 32px; clear: both; height: 50px"><span class="textshadow">Contact Information:&nbsp;&nbsp; </span></h2>
           <div style="float: left; width: 75%">
               <input name="txtHDFSTN" type="text" value="Robert              " id="txtHDFSTN" placeholder="First Name" style="width:30%;margin-right: 1%" />
               <input name="txtHDMI" type="text" id="txtHDMI" placeholder="Middle" style="width:30px;margin-right: 1%" />
               <input name="txtHDLSTN" type="text" value="Brown               " id="txtHDLSTN" placeholder="Last Name" style="width:60%;margin-right: 1%" />
           </div>
           <!-- <br />

                <span id="Label24" class="labelleft">Shipping</span>
                <span id="Label25" class="labelleft">Shipping Method</span> -->
           <div style="float: right; width: 25%">
               
               </div>
           <!-- <br /> -->
       </div>

       <div style="clear: both"></div>

   </td>


            <div style="width: 160px; margin: auto; text-align: center">
                <input type="submit" name="btnContinue" value="Continue" id="btnContinue" style="font-size: 24px; color: black; height: 60px" />
            </div>
    </div>
    </form>
</body>
</html>

Author

Commented:
Hey guys, I finally got it. I was in design mode and clicked on the "State" box and I brought up the CSS properties and I went to layout Float Left and it worked! Geoff and Paul I appreciate your help very much.
Geoff SuttonSr. Software Developer

Commented:
Excellent.  That is good to hear.
Paul MacDonaldDirector, Information Systems

Commented:
Glad to hear you found a solution.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial