473,771 Members | 2,372 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Data Entery Webpage with tables

I have the following web page and I am trying to have the Field lables NOT
to wrap. It looks fine in a designer but when I run the program in a
browser the lables that have a space wrap. How do I prevent this? Also, is
there a better way to design an data entry web page without using tables,
(it's a realy paint in you know what to do that with tables), but I don't
know how to line up the fields any other way.

Thank You
Peter
<%@ Page Language="C#" AutoEventWireup ="true" CodeFile="Defau lt4.aspx.cs"
Inherits="Defau lt4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Test</title>
<style type="text/css">
..bodyTable {
padding: 14px;
border-style:solid;
border-width:thin;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}

..mainSelect
{
font-family: Courier New,Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
background-color:#C0FFFF;
border-style:solid;
border-width:thin;
border-color:Olive;
font-style:normal;
}

..bodyCell {
padding-top: 0px;
padding-left: 1px;
padding-right: 0px;
vertical-align:middle;
border-top: 0px;
border-left: 1px solid #D5D291;
border-right: 1px solid #D5D291;
border-bottom: 1px solid #D5D291;
border-style:none;
font-size:10pt;
}

.firstlabel
{
width: 212px;
display:block;
}
.style10
{
width: 192px;
}

..readonlyfield
{
background-color:InfoText;
margin-left: 0px;
}

.style11
{
width: 19px;
}
.style20
{
padding-top: 0px;
padding-left: 1px;
padding-right: 0px;
vertical-align: middle;
border-left: 1px none #D5D291;
border-right: 1px none #D5D291;
border-bottom: 1px none #D5D291;
font-size: 10pt;
width: 130px;
border-top-style: none;
border-top-color: inherit;
border-top-width: 0px;
}
.field
{
background-color:White;
}

.style27
{
height: 26px;
}
.style29
{
width: 90px;
height: 26px;
}
.style30
{

height: 26px;

}

.style23
{
width: 90px;
}
.style25
{

}
.style24
{
width: 1px;
}
.style33
{
padding-top: 0px;
padding-left: 1px;
padding-right: 0px;
vertical-align: middle;
border-left: 1px none #D5D291;
border-right: 1px none #D5D291;
border-bottom: 1px none #D5D291;
font-size: 10pt;
border-top-style: none;
border-top-color: inherit;
border-top-width: 0px;
}
.style34
{
width: 25px;
}
.style35
{
width: 59px;
height: 26px;
}
.style36
{
width: 59px;
}
.style37
{
width: 111px;
display: block;
}
</style>
</head>
<body>
<form id="form1" runat="server">

<table id="Id" class="bodyTabl e" style="width: 63%">
<tr>
<td class="style37" >
Select Name
</td>
<td colspan="5">
<asp:DropDownLi st ID="ddSelect" runat="server"
AutoPostBack="T rue"
CssClass="mainS elect" Height="20px" Width="257px">
</asp:DropDownLis t>
</td>
<td align="right">
&nbsp;</td>
<td align="right" class="bodyCell " colspan="2">
Trans ID</td>
<td align="left" class="bodyCell " colspan="2">
<asp:TextBox ID="txtTransact inID" runat="server"
BackColor="Whit eSmoke"
ReadOnly="True" Width="44px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style37" >
Last Name</td>
<td class="style10" >
<asp:TextBox ID="txtLastName " runat="server"
BackColor="Whit eSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="192px"></asp:TextBox>
</td>
<td class="style11" >
MI</td>
<td class="style34" >
<asp:TextBox ID="txtMiddleIn it" runat="server"
BackColor="Whit eSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="31px"></asp:TextBox>
</td>
<td class="style20" colspan="2">
First Name</td>
<td colspan="5">
<asp:TextBox ID="txtFirstNam e" runat="server"
BackColor="Whit eSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="120px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style37" >
Address</td>
<td class="firstlab el" colspan="4">
<asp:TextBox ID="txtAddress1 " runat="server"
CssClass="field " Width="252px"></asp:TextBox>
</td>
<td class="style35" >
</td>
<td colspan="2" class="style27" >
</td>
<td colspan="2" class="style29" >
</td>
<td class="style30" style="width: 268435456px">
</td>
</tr>
<tr>
<td class="style37" >
Address 2</td>
<td class="style14" colspan="4">
<asp:TextBox ID="txtAddress2 " runat="server"
Width="255px"></asp:TextBox>
</td>
<td class="style36" >
&nbsp;</td>
<td colspan="2" class="style14" >
&nbsp;</td>
<td colspan="2" class="style23" >
&nbsp;</td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
<tr>
<td class="style37" >
City</td>
<td class="style10" >
<asp:TextBox ID="txtCity" runat="server"
Width="197px"></asp:TextBox>
</td>
<td class="style11" >
St</td>
<td class="style24" colspan="2">
<asp:DropDownLi st ID="ddState" runat="server" Height="24px"
Width="56px">
<asp:ListItem Value="AL">AL</asp:ListItem>
<asp:ListItem Value="AR">AR</asp:ListItem>
<asp:ListItem Value="AZ">AZ</asp:ListItem>
<asp:ListItem Value="CA">CA</asp:ListItem>
<asp:ListItem Value="CO">CO</asp:ListItem>
<asp:ListItem Value="CT">CT</asp:ListItem>
<asp:ListItem Value="DC">DC</asp:ListItem>
<asp:ListItem Value="DE">DE</asp:ListItem>
<asp:ListItem Value="FL">FL</asp:ListItem>
<asp:ListItem Value="GA">GA</asp:ListItem>
<asp:ListItem Value="HI">HI</asp:ListItem>
<asp:ListItem Value="IA">IA</asp:ListItem>
<asp:ListItem Value="ID">ID</asp:ListItem>
<asp:ListItem Value="IL">IL</asp:ListItem>
<asp:ListItem Value="IN">IN</asp:ListItem>
<asp:ListItem Value="KS">KS</asp:ListItem>
<asp:ListItem Value="KY">KY</asp:ListItem>
<asp:ListItem Value="LA">LA</asp:ListItem>
<asp:ListItem Value="MA">MA</asp:ListItem>
<asp:ListItem Value="MD">MD</asp:ListItem>
<asp:ListItem Value="ME">ME</asp:ListItem>
<asp:ListItem Value="MI">MI</asp:ListItem>
<asp:ListItem Value="MN">MN</asp:ListItem>
<asp:ListItem Value="MO">MO</asp:ListItem>
<asp:ListItem Value="MS">MS</asp:ListItem>
<asp:ListItem Value="MT">MT</asp:ListItem>
<asp:ListItem Value="NC">NC</asp:ListItem>
<asp:ListItem Value="ND">ND</asp:ListItem>
<asp:ListItem Value="NE">NE</asp:ListItem>
<asp:ListItem Value="NH">NH</asp:ListItem>
<asp:ListItem Value="NJ">NJ</asp:ListItem>
<asp:ListItem Value="NM">NM</asp:ListItem>
<asp:ListItem Value="NV">NV</asp:ListItem>
<asp:ListItem Value="NY">NY</asp:ListItem>
<asp:ListItem Value="OH">OH</asp:ListItem>
<asp:ListItem Value="OK">OK</asp:ListItem>
<asp:ListItem Value="OR">OR</asp:ListItem>
<asp:ListItem Value="PA">PA</asp:ListItem>
<asp:ListItem Value="PR">PR</asp:ListItem>
<asp:ListItem Value="RI">RI</asp:ListItem>
<asp:ListItem Value="SC">SC</asp:ListItem>
<asp:ListItem Value="SD">SD</asp:ListItem>
<asp:ListItem Value="TN">TN</asp:ListItem>
<asp:ListItem Value="TX">TX</asp:ListItem>
<asp:ListItem Value="UT">UT</asp:ListItem>
<asp:ListItem Value="VA">VA</asp:ListItem>
<asp:ListItem Value="VT">VT</asp:ListItem>
<asp:ListItem Value="WA">WA</asp:ListItem>
<asp:ListItem Value="WI">WI</asp:ListItem>
<asp:ListItem Value="WV">WV</asp:ListItem>
<asp:ListItem Value="WY">WY</asp:ListItem>
</asp:DropDownLis t>
</td>
<td class="style36" >
Zip Code</td>
<td class="style14" colspan="5">
<asp:TextBox ID="txtZip" runat="server"
Width="73px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style37" >
Phone</td>
<td class="style10" >
<asp:TextBox ID="txtPhone" runat="server"
Width="197px"></asp:TextBox>
</td>
<td class="style11" >
Email</td>
<td class="style12" colspan="8">
<asp:textbox id="txtEmail" runat="server"
Width="205px"></asp:textbox></td>
</tr>
<tr>
<td class="style37" >
Graduation Date</td>
<td class="style10" >
<asp:textbox id="txtGradDate " runat="server"
Width="73px"></asp:textbox><as p:imagebutton id="imgGradDate " runat="server"
ImageUrl="image s/ShowCalendar.gi f"
CausesValidatio n="False"></asp:imagebutton ></td>
<td class="style11" >
&nbsp;</td>
<td class="style34" >
&nbsp;</td>
<td class="style33" >
&nbsp;</td>
<td class="style36" >
&nbsp;</td>
<td colspan="2" class="style14" >
&nbsp;</td>
<td colspan="2" class="style23" >
&nbsp;</td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
<tr>
<td class="style37" >
Discipline</td>
<td class="style14" colspan="4">
<asp:TextBox ID="txtDiscipli ne" runat="server"
BackColor="Whit eSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="256px"></asp:TextBox>
</td>
<td class="style36" >
User ID</td>
<td colspan="2" class="style14" >
&nbsp;</td>
<td colspan="2" class="style23" >
<asp:textbox id="txtUserID" runat="server" Width="56px"
ReadOnly="True" BackColor="Whit eSmoke"></asp:textbox></td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
<tr>
<td class="style37" >
School</td>
<td class="style14" colspan="4">
<asp:TextBox ID="txtSchool" runat="server"
BackColor="Whit eSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="256px"></asp:TextBox>
</td>
<td colspan="3">
Last Update</td>
<td colspan="2" class="style23" >
<asp:textbox id="txtLastUpda te" runat="server" Width="128px"
Font-Size="8pt" ReadOnly="True"
BackColor="Whit eSmoke"></asp:textbox></td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
</table>
<div>

</div>
</form>
</body>
</html>
Oct 25 '08 #1
15 1729
Try style="white:sp ace:nowrap;"
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

"Peter" <cz****@nospam. nospamwrote in message
news:Ox******** ******@TK2MSFTN GP06.phx.gbl...
>I have the following web page and I am trying to have the Field lables NOT
to wrap. It looks fine in a designer but when I run the program in a
browser the lables that have a space wrap. How do I prevent this? Also,
is there a better way to design an data entry web page without using
tables, (it's a realy paint in you know what to do that with tables), but I
don't know how to line up the fields any other way.

Thank You
Peter
<%@ Page Language="C#" AutoEventWireup ="true" CodeFile="Defau lt4.aspx.cs"
Inherits="Defau lt4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Test</title>
<style type="text/css">
.bodyTable {
padding: 14px;
border-style:solid;
border-width:thin;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}

.mainSelect
{
font-family: Courier New,Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
background-color:#C0FFFF;
border-style:solid;
border-width:thin;
border-color:Olive;
font-style:normal;
}

.bodyCell {
padding-top: 0px;
padding-left: 1px;
padding-right: 0px;
vertical-align:middle;
border-top: 0px;
border-left: 1px solid #D5D291;
border-right: 1px solid #D5D291;
border-bottom: 1px solid #D5D291;
border-style:none;
font-size:10pt;
}

.firstlabel
{
width: 212px;
display:block;
}
.style10
{
width: 192px;
}

.readonlyfield
{
background-color:InfoText;
margin-left: 0px;
}

.style11
{
width: 19px;
}
.style20
{
padding-top: 0px;
padding-left: 1px;
padding-right: 0px;
vertical-align: middle;
border-left: 1px none #D5D291;
border-right: 1px none #D5D291;
border-bottom: 1px none #D5D291;
font-size: 10pt;
width: 130px;
border-top-style: none;
border-top-color: inherit;
border-top-width: 0px;
}
.field
{
background-color:White;
}

.style27
{
height: 26px;
}
.style29
{
width: 90px;
height: 26px;
}
.style30
{

height: 26px;

}

.style23
{
width: 90px;
}
.style25
{

}
.style24
{
width: 1px;
}
.style33
{
padding-top: 0px;
padding-left: 1px;
padding-right: 0px;
vertical-align: middle;
border-left: 1px none #D5D291;
border-right: 1px none #D5D291;
border-bottom: 1px none #D5D291;
font-size: 10pt;
border-top-style: none;
border-top-color: inherit;
border-top-width: 0px;
}
.style34
{
width: 25px;
}
.style35
{
width: 59px;
height: 26px;
}
.style36
{
width: 59px;
}
.style37
{
width: 111px;
display: block;
}
</style>
</head>
<body>
<form id="form1" runat="server">

<table id="Id" class="bodyTabl e" style="width: 63%">
<tr>
<td class="style37" >
Select Name
</td>
<td colspan="5">
<asp:DropDownLi st ID="ddSelect" runat="server"
AutoPostBack="T rue"
CssClass="mainS elect" Height="20px" Width="257px">
</asp:DropDownLis t>
</td>
<td align="right">
&nbsp;</td>
<td align="right" class="bodyCell " colspan="2">
Trans ID</td>
<td align="left" class="bodyCell " colspan="2">
<asp:TextBox ID="txtTransact inID" runat="server"
BackColor="Whit eSmoke"
ReadOnly="True" Width="44px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style37" >
Last Name</td>
<td class="style10" >
<asp:TextBox ID="txtLastName " runat="server"
BackColor="Whit eSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="192px"></asp:TextBox>
</td>
<td class="style11" >
MI</td>
<td class="style34" >
<asp:TextBox ID="txtMiddleIn it" runat="server"
BackColor="Whit eSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="31px"></asp:TextBox>
</td>
<td class="style20" colspan="2">
First Name</td>
<td colspan="5">
<asp:TextBox ID="txtFirstNam e" runat="server"
BackColor="Whit eSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="120px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style37" >
Address</td>
<td class="firstlab el" colspan="4">
<asp:TextBox ID="txtAddress1 " runat="server"
CssClass="field " Width="252px"></asp:TextBox>
</td>
<td class="style35" >
</td>
<td colspan="2" class="style27" >
</td>
<td colspan="2" class="style29" >
</td>
<td class="style30" style="width: 268435456px">
</td>
</tr>
<tr>
<td class="style37" >
Address 2</td>
<td class="style14" colspan="4">
<asp:TextBox ID="txtAddress2 " runat="server"
Width="255px"></asp:TextBox>
</td>
<td class="style36" >
&nbsp;</td>
<td colspan="2" class="style14" >
&nbsp;</td>
<td colspan="2" class="style23" >
&nbsp;</td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
<tr>
<td class="style37" >
City</td>
<td class="style10" >
<asp:TextBox ID="txtCity" runat="server"
Width="197px"></asp:TextBox>
</td>
<td class="style11" >
St</td>
<td class="style24" colspan="2">
<asp:DropDownLi st ID="ddState" runat="server" Height="24px"
Width="56px">
<asp:ListItem Value="AL">AL</asp:ListItem>
<asp:ListItem Value="AR">AR</asp:ListItem>
<asp:ListItem Value="AZ">AZ</asp:ListItem>
<asp:ListItem Value="CA">CA</asp:ListItem>
<asp:ListItem Value="CO">CO</asp:ListItem>
<asp:ListItem Value="CT">CT</asp:ListItem>
<asp:ListItem Value="DC">DC</asp:ListItem>
<asp:ListItem Value="DE">DE</asp:ListItem>
<asp:ListItem Value="FL">FL</asp:ListItem>
<asp:ListItem Value="GA">GA</asp:ListItem>
<asp:ListItem Value="HI">HI</asp:ListItem>
<asp:ListItem Value="IA">IA</asp:ListItem>
<asp:ListItem Value="ID">ID</asp:ListItem>
<asp:ListItem Value="IL">IL</asp:ListItem>
<asp:ListItem Value="IN">IN</asp:ListItem>
<asp:ListItem Value="KS">KS</asp:ListItem>
<asp:ListItem Value="KY">KY</asp:ListItem>
<asp:ListItem Value="LA">LA</asp:ListItem>
<asp:ListItem Value="MA">MA</asp:ListItem>
<asp:ListItem Value="MD">MD</asp:ListItem>
<asp:ListItem Value="ME">ME</asp:ListItem>
<asp:ListItem Value="MI">MI</asp:ListItem>
<asp:ListItem Value="MN">MN</asp:ListItem>
<asp:ListItem Value="MO">MO</asp:ListItem>
<asp:ListItem Value="MS">MS</asp:ListItem>
<asp:ListItem Value="MT">MT</asp:ListItem>
<asp:ListItem Value="NC">NC</asp:ListItem>
<asp:ListItem Value="ND">ND</asp:ListItem>
<asp:ListItem Value="NE">NE</asp:ListItem>
<asp:ListItem Value="NH">NH</asp:ListItem>
<asp:ListItem Value="NJ">NJ</asp:ListItem>
<asp:ListItem Value="NM">NM</asp:ListItem>
<asp:ListItem Value="NV">NV</asp:ListItem>
<asp:ListItem Value="NY">NY</asp:ListItem>
<asp:ListItem Value="OH">OH</asp:ListItem>
<asp:ListItem Value="OK">OK</asp:ListItem>
<asp:ListItem Value="OR">OR</asp:ListItem>
<asp:ListItem Value="PA">PA</asp:ListItem>
<asp:ListItem Value="PR">PR</asp:ListItem>
<asp:ListItem Value="RI">RI</asp:ListItem>
<asp:ListItem Value="SC">SC</asp:ListItem>
<asp:ListItem Value="SD">SD</asp:ListItem>
<asp:ListItem Value="TN">TN</asp:ListItem>
<asp:ListItem Value="TX">TX</asp:ListItem>
<asp:ListItem Value="UT">UT</asp:ListItem>
<asp:ListItem Value="VA">VA</asp:ListItem>
<asp:ListItem Value="VT">VT</asp:ListItem>
<asp:ListItem Value="WA">WA</asp:ListItem>
<asp:ListItem Value="WI">WI</asp:ListItem>
<asp:ListItem Value="WV">WV</asp:ListItem>
<asp:ListItem Value="WY">WY</asp:ListItem>
</asp:DropDownLis t>
</td>
<td class="style36" >
Zip Code</td>
<td class="style14" colspan="5">
<asp:TextBox ID="txtZip" runat="server"
Width="73px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style37" >
Phone</td>
<td class="style10" >
<asp:TextBox ID="txtPhone" runat="server"
Width="197px"></asp:TextBox>
</td>
<td class="style11" >
Email</td>
<td class="style12" colspan="8">
<asp:textbox id="txtEmail" runat="server"
Width="205px"></asp:textbox></td>
</tr>
<tr>
<td class="style37" >
Graduation Date</td>
<td class="style10" >
<asp:textbox id="txtGradDate " runat="server"
Width="73px"></asp:textbox><as p:imagebutton id="imgGradDate "
runat="server" ImageUrl="image s/ShowCalendar.gi f"
CausesValidatio n="False"></asp:imagebutton ></td>
<td class="style11" >
&nbsp;</td>
<td class="style34" >
&nbsp;</td>
<td class="style33" >
&nbsp;</td>
<td class="style36" >
&nbsp;</td>
<td colspan="2" class="style14" >
&nbsp;</td>
<td colspan="2" class="style23" >
&nbsp;</td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
<tr>
<td class="style37" >
Discipline</td>
<td class="style14" colspan="4">
<asp:TextBox ID="txtDiscipli ne" runat="server"
BackColor="Whit eSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="256px"></asp:TextBox>
</td>
<td class="style36" >
User ID</td>
<td colspan="2" class="style14" >
&nbsp;</td>
<td colspan="2" class="style23" >
<asp:textbox id="txtUserID" runat="server" Width="56px"
ReadOnly="True" BackColor="Whit eSmoke"></asp:textbox></td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
<tr>
<td class="style37" >
School</td>
<td class="style14" colspan="4">
<asp:TextBox ID="txtSchool" runat="server"
BackColor="Whit eSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="256px"></asp:TextBox>
</td>
<td colspan="3">
Last Update</td>
<td colspan="2" class="style23" >
<asp:textbox id="txtLastUpda te" runat="server"
Width="128px" Font-Size="8pt" ReadOnly="True"
BackColor="Whit eSmoke"></asp:textbox></td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
</table>
<div>

</div>
</form>
</body>
</html>


Oct 25 '08 #2
"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:u0******** ******@TK2MSFTN GP05.phx.gbl...

[top-posting corrected]
>I am trying to have the Field lables NOT to wrap.
Try style="white:sp ace:nowrap;"
That is incorrect. The correct syntax is: style="white-space:nowrap;"
--
Mark Rae
ASP.NET MVP
http://www.markrae.net

Oct 25 '08 #3

"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:u0******** ******@TK2MSFTN GP05.phx.gbl...
Try style="white:sp ace:nowrap;"
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

"Peter" <cz****@nospam. nospamwrote in message
news:Ox******** ******@TK2MSFTN GP06.phx.gbl...
>>I have the following web page and I am trying to have the Field lables NOT
to wrap. It looks fine in a designer but when I run the program in a
browser the lables that have a space wrap. How do I prevent this? Also,
is there a better way to design an data entry web page without using
tables, (it's a realy paint in you know what to do that with tables), but
I don't know how to line up the fields any other way.

Thank You
Peter
<%@ Page Language="C#" AutoEventWireup ="true" CodeFile="Defau lt4.aspx.cs"
Inherits="Defa ult4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Test</title>
<style type="text/css">
.bodyTable {
padding: 14px;
border-style:solid;
border-width:thin;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}

.mainSelect
{
font-family: Courier New,Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
background-color:#C0FFFF;
border-style:solid;
border-width:thin;
border-color:Olive;
font-style:normal;
}

.bodyCell {
padding-top: 0px;
padding-left: 1px;
padding-right: 0px;
vertical-align:middle;
border-top: 0px;
border-left: 1px solid #D5D291;
border-right: 1px solid #D5D291;
border-bottom: 1px solid #D5D291;
border-style:none;
font-size:10pt;
}

.firstlabel
{
width: 212px;
display:block;
}
.style10
{
width: 192px;
}

.readonlyfie ld
{
background-color:InfoText;
margin-left: 0px;
}

.style11
{
width: 19px;
}
.style20
{
padding-top: 0px;
padding-left: 1px;
padding-right: 0px;
vertical-align: middle;
border-left: 1px none #D5D291;
border-right: 1px none #D5D291;
border-bottom: 1px none #D5D291;
font-size: 10pt;
width: 130px;
border-top-style: none;
border-top-color: inherit;
border-top-width: 0px;
}
.field
{
background-color:White;
}

.style27
{
height: 26px;
}
.style29
{
width: 90px;
height: 26px;
}
.style30
{

height: 26px;

}

.style23
{
width: 90px;
}
.style25
{

}
.style24
{
width: 1px;
}
.style33
{
padding-top: 0px;
padding-left: 1px;
padding-right: 0px;
vertical-align: middle;
border-left: 1px none #D5D291;
border-right: 1px none #D5D291;
border-bottom: 1px none #D5D291;
font-size: 10pt;
border-top-style: none;
border-top-color: inherit;
border-top-width: 0px;
}
.style34
{
width: 25px;
}
.style35
{
width: 59px;
height: 26px;
}
.style36
{
width: 59px;
}
.style37
{
width: 111px;
display: block;
}
</style>
</head>
<body>
<form id="form1" runat="server">

<table id="Id" class="bodyTabl e" style="width: 63%">
<tr>
<td class="style37" >
Select Name
</td>
<td colspan="5">
<asp:DropDownLi st ID="ddSelect" runat="server"
AutoPostBack=" True"
CssClass="mainS elect" Height="20px" Width="257px">
</asp:DropDownLis t>
</td>
<td align="right">
&nbsp;</td>
<td align="right" class="bodyCell " colspan="2">
Trans ID</td>
<td align="left" class="bodyCell " colspan="2">
<asp:TextBox ID="txtTransact inID" runat="server"
BackColor="Whi teSmoke"
ReadOnly="True" Width="44px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style37" >
Last Name</td>
<td class="style10" >
<asp:TextBox ID="txtLastName " runat="server"
BackColor="Whi teSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="192px"> </asp:TextBox>
</td>
<td class="style11" >
MI</td>
<td class="style34" >
<asp:TextBox ID="txtMiddleIn it" runat="server"
BackColor="Whi teSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="31px" ></asp:TextBox>
</td>
<td class="style20" colspan="2">
First Name</td>
<td colspan="5">
<asp:TextBox ID="txtFirstNam e" runat="server"
BackColor="Whi teSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="120px"> </asp:TextBox>
</td>
</tr>
<tr>
<td class="style37" >
Address</td>
<td class="firstlab el" colspan="4">
<asp:TextBox ID="txtAddress1 " runat="server"
CssClass="fiel d" Width="252px"></asp:TextBox>
</td>
<td class="style35" >
</td>
<td colspan="2" class="style27" >
</td>
<td colspan="2" class="style29" >
</td>
<td class="style30" style="width: 268435456px">
</td>
</tr>
<tr>
<td class="style37" >
Address 2</td>
<td class="style14" colspan="4">
<asp:TextBox ID="txtAddress2 " runat="server"
Width="255px"> </asp:TextBox>
</td>
<td class="style36" >
&nbsp;</td>
<td colspan="2" class="style14" >
&nbsp;</td>
<td colspan="2" class="style23" >
&nbsp;</td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
<tr>
<td class="style37" >
City</td>
<td class="style10" >
<asp:TextBox ID="txtCity" runat="server"
Width="197px"> </asp:TextBox>
</td>
<td class="style11" >
St</td>
<td class="style24" colspan="2">
<asp:DropDownLi st ID="ddState" runat="server"
Height="24px " Width="56px">
<asp:ListItem Value="AL">AL</asp:ListItem>
<asp:ListItem Value="AR">AR</asp:ListItem>
<asp:ListItem Value="AZ">AZ</asp:ListItem>
<asp:ListItem Value="CA">CA</asp:ListItem>
<asp:ListItem Value="CO">CO</asp:ListItem>
<asp:ListItem Value="CT">CT</asp:ListItem>
<asp:ListItem Value="DC">DC</asp:ListItem>
<asp:ListItem Value="DE">DE</asp:ListItem>
<asp:ListItem Value="FL">FL</asp:ListItem>
<asp:ListItem Value="GA">GA</asp:ListItem>
<asp:ListItem Value="HI">HI</asp:ListItem>
<asp:ListItem Value="IA">IA</asp:ListItem>
<asp:ListItem Value="ID">ID</asp:ListItem>
<asp:ListItem Value="IL">IL</asp:ListItem>
<asp:ListItem Value="IN">IN</asp:ListItem>
<asp:ListItem Value="KS">KS</asp:ListItem>
<asp:ListItem Value="KY">KY</asp:ListItem>
<asp:ListItem Value="LA">LA</asp:ListItem>
<asp:ListItem Value="MA">MA</asp:ListItem>
<asp:ListItem Value="MD">MD</asp:ListItem>
<asp:ListItem Value="ME">ME</asp:ListItem>
<asp:ListItem Value="MI">MI</asp:ListItem>
<asp:ListItem Value="MN">MN</asp:ListItem>
<asp:ListItem Value="MO">MO</asp:ListItem>
<asp:ListItem Value="MS">MS</asp:ListItem>
<asp:ListItem Value="MT">MT</asp:ListItem>
<asp:ListItem Value="NC">NC</asp:ListItem>
<asp:ListItem Value="ND">ND</asp:ListItem>
<asp:ListItem Value="NE">NE</asp:ListItem>
<asp:ListItem Value="NH">NH</asp:ListItem>
<asp:ListItem Value="NJ">NJ</asp:ListItem>
<asp:ListItem Value="NM">NM</asp:ListItem>
<asp:ListItem Value="NV">NV</asp:ListItem>
<asp:ListItem Value="NY">NY</asp:ListItem>
<asp:ListItem Value="OH">OH</asp:ListItem>
<asp:ListItem Value="OK">OK</asp:ListItem>
<asp:ListItem Value="OR">OR</asp:ListItem>
<asp:ListItem Value="PA">PA</asp:ListItem>
<asp:ListItem Value="PR">PR</asp:ListItem>
<asp:ListItem Value="RI">RI</asp:ListItem>
<asp:ListItem Value="SC">SC</asp:ListItem>
<asp:ListItem Value="SD">SD</asp:ListItem>
<asp:ListItem Value="TN">TN</asp:ListItem>
<asp:ListItem Value="TX">TX</asp:ListItem>
<asp:ListItem Value="UT">UT</asp:ListItem>
<asp:ListItem Value="VA">VA</asp:ListItem>
<asp:ListItem Value="VT">VT</asp:ListItem>
<asp:ListItem Value="WA">WA</asp:ListItem>
<asp:ListItem Value="WI">WI</asp:ListItem>
<asp:ListItem Value="WV">WV</asp:ListItem>
<asp:ListItem Value="WY">WY</asp:ListItem>
</asp:DropDownLis t>
</td>
<td class="style36" >
Zip Code</td>
<td class="style14" colspan="5">
<asp:TextBox ID="txtZip" runat="server"
Width="73px" ></asp:TextBox>
</td>
</tr>
<tr>
<td class="style37" >
Phone</td>
<td class="style10" >
<asp:TextBox ID="txtPhone" runat="server"
Width="197px"> </asp:TextBox>
</td>
<td class="style11" >
Email</td>
<td class="style12" colspan="8">
<asp:textbox id="txtEmail" runat="server"
Width="205px"> </asp:textbox></td>
</tr>
<tr>
<td class="style37" >
Graduation Date</td>
<td class="style10" >
<asp:textbox id="txtGradDate " runat="server"
Width="73px" ></asp:textbox><as p:imagebutton id="imgGradDate "
runat="serve r" ImageUrl="image s/ShowCalendar.gi f"
CausesValidati on="False"></asp:imagebutton ></td>
<td class="style11" >
&nbsp;</td>
<td class="style34" >
&nbsp;</td>
<td class="style33" >
&nbsp;</td>
<td class="style36" >
&nbsp;</td>
<td colspan="2" class="style14" >
&nbsp;</td>
<td colspan="2" class="style23" >
&nbsp;</td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
<tr>
<td class="style37" >
Discipline</td>
<td class="style14" colspan="4">
<asp:TextBox ID="txtDiscipli ne" runat="server"
BackColor="Whi teSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="256px"> </asp:TextBox>
</td>
<td class="style36" >
User ID</td>
<td colspan="2" class="style14" >
&nbsp;</td>
<td colspan="2" class="style23" >
<asp:textbox id="txtUserID" runat="server" Width="56px"
ReadOnly="True " BackColor="Whit eSmoke"></asp:textbox></td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
<tr>
<td class="style37" >
School</td>
<td class="style14" colspan="4">
<asp:TextBox ID="txtSchool" runat="server"
BackColor="Whi teSmoke"
CssClass="reado nlyfield" ReadOnly="True"
Width="256px"> </asp:TextBox>
</td>
<td colspan="3">
Last Update</td>
<td colspan="2" class="style23" >
<asp:textbox id="txtLastUpda te" runat="server"
Width="128px " Font-Size="8pt" ReadOnly="True"
BackColor="Whit eSmoke"></asp:textbox></td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
</table>
<div>

</div>
</form>
</body>
</html>


Thanks

But it has no effect, still wrapping
Oct 25 '08 #4
"Peter" <cz****@nospam. nospamwrote in message
news:%2******** ********@TK2MSF TNGP02.phx.gbl. ..
>Try style="white:sp ace:nowrap;"
But it has no effect, still wrapping
That's because the syntax is incorrect - see my earlier reply.

The correct syntax is: style="white-space:nowrap;"
--
Mark Rae
ASP.NET MVP
http://www.markrae.net

Oct 25 '08 #5
Sorry, my bad. But anybody who has ever used css should be able to recognize
that and realize what it should be.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

"Mark Rae [MVP]" <ma**@markNOSPA Mrae.netwrote in message
news:%2******** **********@TK2M SFTNGP04.phx.gb l...
"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:u0******** ******@TK2MSFTN GP05.phx.gbl...

[top-posting corrected]
>>I am trying to have the Field lables NOT to wrap.
>Try style="white:sp ace:nowrap;"

That is incorrect. The correct syntax is: style="white-space:nowrap;"
--
Mark Rae
ASP.NET MVP
http://www.markrae.net

Oct 26 '08 #6

"Mark Rae [MVP]" <ma**@markNOSPA Mrae.netwrote in message
news:ue******** ******@TK2MSFTN GP03.phx.gbl...
"Peter" <cz****@nospam. nospamwrote in message
news:%2******** ********@TK2MSF TNGP02.phx.gbl. ..
>>Try style="white:sp ace:nowrap;"
>But it has no effect, still wrapping

That's because the syntax is incorrect - see my earlier reply.

The correct syntax is: style="white-space:nowrap;"
--
Mark Rae
ASP.NET MVP
http://www.markrae.net
No I've used the correct syntax and it's still wrapping, so that means the
table is not correct, but I don't know what's wrong and why it displays the
way I want it in VS but not in the browser.
Oct 26 '08 #7

"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:e5******** ******@TK2MSFTN GP02.phx.gbl...
Sorry, my bad. But anybody who has ever used css should be able to
recognize that and realize what it should be.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

"Mark Rae [MVP]" <ma**@markNOSPA Mrae.netwrote in message
news:%2******** **********@TK2M SFTNGP04.phx.gb l...
>"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:u0******* *******@TK2MSFT NGP05.phx.gbl.. .

[top-posting corrected]
>>>I am trying to have the Field lables NOT to wrap.
>>Try style="white:sp ace:nowrap;"

That is incorrect. The correct syntax is: style="white-space:nowrap;"
--
Mark Rae
ASP.NET MVP
http://www.markrae.net

Correct, intellisense shows the correct syntax. But this CSS is no help
Oct 26 '08 #8
"Peter" <cz****@nospam. nospamwrote in message
news:en******** ******@TK2MSFTN GP05.phx.gbl...
>>>Try style="white:sp ace:nowrap;"
>>But it has no effect, still wrapping

That's because the syntax is incorrect - see my earlier reply.

The correct syntax is: style="white-space:nowrap;"

No I've used the correct syntax and it's still wrapping, so that means the
table is not correct, but I don't know what's wrong and why it displays
the way I want it in VS but not in the browser.
1) Remove all of the style="width:26 8435456px" and similar tags - not quite
sure what you're trying to achieve with those...

2) Change the definition of style37 to:
.style37
{
width:auto;
display: block;
white-space:nowrap;
}

3) Correct each of the <trsections so that they contain the same number of
columns

4) Either create a definition for .style14, or remove all references to it

5) Download and install this:
http://www.microsoft.com/downloads/d...displaylang=en
Among many other things, it will allow you to see (and modify) all of the
CSS being applied to each of the page elements.
--
Mark Rae
ASP.NET MVP
http://www.markrae.net

Oct 26 '08 #9

"Mark Rae [MVP]" <ma**@markNOSPA Mrae.netwrote in message
news:eQ******** ******@TK2MSFTN GP05.phx.gbl...
"Peter" <cz****@nospam. nospamwrote in message
news:en******** ******@TK2MSFTN GP05.phx.gbl...
>>>>Try style="white:sp ace:nowrap;"

But it has no effect, still wrapping

That's because the syntax is incorrect - see my earlier reply.

The correct syntax is: style="white-space:nowrap;"

No I've used the correct syntax and it's still wrapping, so that means
the table is not correct, but I don't know what's wrong and why it
displays the way I want it in VS but not in the browser.

1) Remove all of the style="width:26 8435456px" and similar tags - not
quite sure what you're trying to achieve with those...

2) Change the definition of style37 to:
.style37
{
width:auto;
display: block;
white-space:nowrap;
}

3) Correct each of the <trsections so that they contain the same number
of columns

4) Either create a definition for .style14, or remove all references to it

5) Download and install this:
http://www.microsoft.com/downloads/d...displaylang=en
Among many other things, it will allow you to see (and modify) all of the
CSS being applied to each of the page elements.
--
Mark Rae
ASP.NET MVP
http://www.markrae.net

Thank You for your help!
style="width:26 8435456px" came from VS, I did not keyed that in.
Once I removed the 'Width' attribute from the columns that had spaces in the
lables the problem went away.

I have read people had problems with Visual Studio HTML designer, but I've
never belived them until now, if you know what you are doing with html
tables you can edit the tables manually, but if you don't like I don't then
VS is not very good, why would it display one way in the designer and
different in a web browser?

Oct 27 '08 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics
12
6142
Transfer data from webpage form to database
by: Pete..... | last post by:
Hi all. I have made a webpage where there is a webform where people can fill in their personel information: The code is below: I want to transfer the data to a postgreSQL database ( I have allready made the database with the neccesary tables, and I know how to connect to it ) but I really have no idea how I can transfer the data from the webform to
Python
0
1386
Cannot find server or DNS Error when importing data
by: Daryl Zavier | last post by:
Hi Gurus, Please forgive me if my question is dumb cause this is my first web application I've done. Currently in my web application there is a button to click which will fire off a DTS event to import data into my SQL server. During the importing process, there're also several calculation made to amend/modify the import data accordingly.
.NET Framework
4
1806
Get Data from SQL to Access - via Access
by: kimi | last post by:
Please help me decided the best way to do this... I have a shopping cart web site that stores its data in an SQL server database. The client wants to retrieve daily orders via their access DB on their desktop. I have written macros to connect to the same SQL server, retrieve data and process data on my desktop.
Microsoft Access / VBA
1
1816
Inserting data from one subform into another subform
by: dtlabo | last post by:
Thank you in advance for any assistance! I have a Access 2000 database in which we are keeping track of package details for orders to be sent to customers. Example: We have an order for Company XYZ and after all the parts are pulled they are packaged into three cartons that will be shipped to the customer. I have a Form that has two subform. Subform1 is for data display only. Subform2 is for data entery. As each carton is packed it's...
Microsoft Access / VBA
0
1634
Display XML Data From SQL Database Column
by: teknowledgy | last post by:
My SQL database has four tables. A couple of the columns in these tables use the xml data type which receive data from custom asp.net 2.0 user controls. Now I am trying to display the data from my tables in formviews that are bound to Object Data Sources. The problem is that the xml data is displaying as one long unbroken string. For instance, my contact user control lets the users enter their address, city, state, telephone and email...
XML
5
1463
Help with Data entry
by: mobaligh | last post by:
I have two tables, tblEmployees and tblEmployeepayment. tblEmployees has the following fields the data to this table comes from our payroll system EmployeeID Name Paygroup Employeestatus Annualsalary tlbEmployeepayment has the following fields which will be entered by the user.
Microsoft Access / VBA
2
3578
Complex database - having problems getting data updated
by: rustyc | last post by:
Well, here's my first post in this forum (other than saying 'HI' over in the hi forum ;-) As I said over there: ... for a little side project at home, I'm writing a ham radio web site in uby/Rails. I started it in Perl and gave up on Perl as I went from the 'display the database information on the web page' to the 're-display the information from the database and allow the user to update the database using the web page' stage and realized...
Ruby / Ruby on Rails
5
12866
sid0404
How to send data to GET method in HTML using c#
by: sid0404 | last post by:
Hi I am new to the visualstudio.net I am trying to develop an application which requires me to send data to a HTML webpage - http://patft.uspto.gov/netahtml/PTO/search-bool.html and the user sendsd the data to the webpage and receives the response to that particular values from the webpage. I am trying to use httpwebrequest for this purpose, but I am receiving errors, kindly let me know where I am going wrong. When I llok at the...
.NET Framework
1
7261
Large DataSets and GridView Problems displaying data more than once!
by: Dave | last post by:
I'm having problems getting the GridView to reliably display a large amount of data (50,000+ rows). I am working my way through the excellent book “Real World ASP.NET Best Practices” by Farhan Muhammad. In some cases I’m trying to extend the examples. Currently, I have the following code to read data from a SQL Server 2005 database and display in a GridView:
ASP.NET
0
9454
Changing the language in Windows 10
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
Windows Server
0
10102
jinu1996
Maximizing Business Potential: The Nexus of Website Design and Digital Marketing
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
Online Marketing
0
9910
tracyyun
Discussion: How does Zigbee compare with other wireless protocols in smart home applications?
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
General
0
8933
agi2029
AI Job Threat for Devs
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
Career Advice
0
6712
Couldn’t get equations in html when convert word .docx file to html file in C#.
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
C# / C Sharp
0
5482
Windows Forms - .Net 8.0
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
Visual Basic .NET
1
4007
transfer the data from one system to another through ip address
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
C# / C Sharp
2
3609
muto222
How to add payments to a PHP MySQL app.
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
PHP
3
2850
bsmnconsultancy
Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
General

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.

BYTES.COM © 2024
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes
How to Post and Respond on Bytes
How to Promote and Link on Bytes
How to increase your Ranking on Bytes
Become a Recognized Expert on Bytes
Feedback Welcomed! Contact Us