Link to home
Start Free TrialLog in
Avatar of RCL_Burco
RCL_Burco

asked on

Editing an ASP.Net Webpage

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.User generated imageUser generated image
Thanks in advance for your help.
Avatar of Paul MacDonald
Paul MacDonald
Flag of United States of America image
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>
Avatar of Geoff Sutton
Geoff Sutton
Flag of Canada image
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
Avatar of RCL_Burco
RCL_Burco

ASKER

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
Avatar of Paul MacDonald
Paul MacDonald
Flag of United States of America image
Make your city text box's width smaller.  Try 35% or 40% instead of 49%.
Avatar of RCL_Burco
RCL_Burco

ASKER

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.
Avatar of Paul MacDonald
Paul MacDonald
Flag of United States of America image
"...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.
Avatar of RCL_Burco
RCL_Burco

ASKER

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
Avatar of RCL_Burco
RCL_Burco

ASKER

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
Avatar of Geoff Sutton
Geoff Sutton
Flag of Canada image
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.
Avatar of RCL_Burco
RCL_Burco

ASKER

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>
ASKER CERTIFIED SOLUTION
Avatar of Geoff Sutton
Geoff Sutton
Flag of Canada image
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of RCL_Burco
RCL_Burco

ASKER

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>
Avatar of RCL_Burco
RCL_Burco

ASKER

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.
Avatar of Geoff Sutton
Geoff Sutton
Flag of Canada image
Excellent.  That is good to hear.
Avatar of Paul MacDonald
Paul MacDonald
Flag of United States of America image
Glad to hear you found a solution.