By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
429,189 Members | 2,167 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 429,189 IT Pros & Developers. It's quick & easy.

Data Entery Webpage with tables

P: n/a
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="Default4.aspx.cs"
Inherits="Default4" %>

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

<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="bodyTable" style="width: 63%">
<tr>
<td class="style37">
Select Name
</td>
<td colspan="5">
<asp:DropDownList ID="ddSelect" runat="server"
AutoPostBack="True"
CssClass="mainSelect" Height="20px" Width="257px">
</asp:DropDownList>
</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="txtTransactinID" runat="server"
BackColor="WhiteSmoke"
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="WhiteSmoke"
CssClass="readonlyfield" ReadOnly="True"
Width="192px"></asp:TextBox>
</td>
<td class="style11">
MI</td>
<td class="style34">
<asp:TextBox ID="txtMiddleInit" runat="server"
BackColor="WhiteSmoke"
CssClass="readonlyfield" ReadOnly="True"
Width="31px"></asp:TextBox>
</td>
<td class="style20" colspan="2">
First Name</td>
<td colspan="5">
<asp:TextBox ID="txtFirstName" runat="server"
BackColor="WhiteSmoke"
CssClass="readonlyfield" ReadOnly="True"
Width="120px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style37">
Address</td>
<td class="firstlabel" 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:DropDownList 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:DropDownList>
</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><asp:imagebutton id="imgGradDate" runat="server"
ImageUrl="images/ShowCalendar.gif"
CausesValidation="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="txtDiscipline" runat="server"
BackColor="WhiteSmoke"
CssClass="readonlyfield" 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="WhiteSmoke"></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="WhiteSmoke"
CssClass="readonlyfield" ReadOnly="True"
Width="256px"></asp:TextBox>
</td>
<td colspan="3">
Last Update</td>
<td colspan="2" class="style23">
<asp:textbox id="txtLastUpdate" runat="server" Width="128px"
Font-Size="8pt" ReadOnly="True"
BackColor="WhiteSmoke"></asp:textbox></td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
</table>
<div>

</div>
</form>
</body>
</html>
Oct 25 '08 #1
Share this Question
Share on Google+
15 Replies


P: n/a
Try style="white:space:nowrap;"
--
Nathan Sokalski
nj********@hotmail.com
http://www.nathansokalski.com/

"Peter" <cz****@nospam.nospamwrote in message
news:Ox**************@TK2MSFTNGP06.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="Default4.aspx.cs"
Inherits="Default4" %>

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

<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="bodyTable" style="width: 63%">
<tr>
<td class="style37">
Select Name
</td>
<td colspan="5">
<asp:DropDownList ID="ddSelect" runat="server"
AutoPostBack="True"
CssClass="mainSelect" Height="20px" Width="257px">
</asp:DropDownList>
</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="txtTransactinID" runat="server"
BackColor="WhiteSmoke"
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="WhiteSmoke"
CssClass="readonlyfield" ReadOnly="True"
Width="192px"></asp:TextBox>
</td>
<td class="style11">
MI</td>
<td class="style34">
<asp:TextBox ID="txtMiddleInit" runat="server"
BackColor="WhiteSmoke"
CssClass="readonlyfield" ReadOnly="True"
Width="31px"></asp:TextBox>
</td>
<td class="style20" colspan="2">
First Name</td>
<td colspan="5">
<asp:TextBox ID="txtFirstName" runat="server"
BackColor="WhiteSmoke"
CssClass="readonlyfield" ReadOnly="True"
Width="120px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style37">
Address</td>
<td class="firstlabel" 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:DropDownList 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:DropDownList>
</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><asp:imagebutton id="imgGradDate"
runat="server" ImageUrl="images/ShowCalendar.gif"
CausesValidation="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="txtDiscipline" runat="server"
BackColor="WhiteSmoke"
CssClass="readonlyfield" 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="WhiteSmoke"></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="WhiteSmoke"
CssClass="readonlyfield" ReadOnly="True"
Width="256px"></asp:TextBox>
</td>
<td colspan="3">
Last Update</td>
<td colspan="2" class="style23">
<asp:textbox id="txtLastUpdate" runat="server"
Width="128px" Font-Size="8pt" ReadOnly="True"
BackColor="WhiteSmoke"></asp:textbox></td>
<td class="style25" style="width: 268435456px">
&nbsp;</td>
</tr>
</table>
<div>

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


Oct 25 '08 #2

P: n/a
"Nathan Sokalski" <nj********@hotmail.comwrote in message
news:u0**************@TK2MSFTNGP05.phx.gbl...

[top-posting corrected]
>I am trying to have the Field lables NOT to wrap.
Try style="white:space: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

P: n/a

"Nathan Sokalski" <nj********@hotmail.comwrote in message
news:u0**************@TK2MSFTNGP05.phx.gbl...
Try style="white:space:nowrap;"
--
Nathan Sokalski
nj********@hotmail.com
http://www.nathansokalski.com/

"Peter" <cz****@nospam.nospamwrote in message
news:Ox**************@TK2MSFTNGP06.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="Default4.aspx.cs"
Inherits="Default4" %>

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

<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="bodyTable" style="width: 63%">
<tr>
<td class="style37">
Select Name
</td>
<td colspan="5">
<asp:DropDownList ID="ddSelect" runat="server"
AutoPostBack="True"
CssClass="mainSelect" Height="20px" Width="257px">
</asp:DropDownList>
</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="txtTransactinID" runat="server"
BackColor="WhiteSmoke"
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="WhiteSmoke"
CssClass="readonlyfield" ReadOnly="True"
Width="192px"></asp:TextBox>
</td>
<td class="style11">
MI</td>
<td class="style34">
<asp:TextBox ID="txtMiddleInit" runat="server"
BackColor="WhiteSmoke"
CssClass="readonlyfield" ReadOnly="True"
Width="31px"></asp:TextBox>
</td>
<td class="style20" colspan="2">
First Name</td>
<td colspan="5">
<asp:TextBox ID="txtFirstName" runat="server"
BackColor="WhiteSmoke"
CssClass="readonlyfield" ReadOnly="True"
Width="120px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style37">
Address</td>
<td class="firstlabel" 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:DropDownList 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:DropDownList>
</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><asp:imagebutton id="imgGradDate"
runat="server" ImageUrl="images/ShowCalendar.gif"
CausesValidation="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="txtDiscipline" runat="server"
BackColor="WhiteSmoke"
CssClass="readonlyfield" 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="WhiteSmoke"></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="WhiteSmoke"
CssClass="readonlyfield" ReadOnly="True"
Width="256px"></asp:TextBox>
</td>
<td colspan="3">
Last Update</td>
<td colspan="2" class="style23">
<asp:textbox id="txtLastUpdate" runat="server"
Width="128px" Font-Size="8pt" ReadOnly="True"
BackColor="WhiteSmoke"></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

P: n/a
"Peter" <cz****@nospam.nospamwrote in message
news:%2****************@TK2MSFTNGP02.phx.gbl...
>Try style="white:space: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

P: n/a
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********@hotmail.com
http://www.nathansokalski.com/

"Mark Rae [MVP]" <ma**@markNOSPAMrae.netwrote in message
news:%2******************@TK2MSFTNGP04.phx.gbl...
"Nathan Sokalski" <nj********@hotmail.comwrote in message
news:u0**************@TK2MSFTNGP05.phx.gbl...

[top-posting corrected]
>>I am trying to have the Field lables NOT to wrap.
>Try style="white:space: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

P: n/a

"Mark Rae [MVP]" <ma**@markNOSPAMrae.netwrote in message
news:ue**************@TK2MSFTNGP03.phx.gbl...
"Peter" <cz****@nospam.nospamwrote in message
news:%2****************@TK2MSFTNGP02.phx.gbl...
>>Try style="white:space: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

P: n/a

"Nathan Sokalski" <nj********@hotmail.comwrote in message
news:e5**************@TK2MSFTNGP02.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********@hotmail.com
http://www.nathansokalski.com/

"Mark Rae [MVP]" <ma**@markNOSPAMrae.netwrote in message
news:%2******************@TK2MSFTNGP04.phx.gbl...
>"Nathan Sokalski" <nj********@hotmail.comwrote in message
news:u0**************@TK2MSFTNGP05.phx.gbl...

[top-posting corrected]
>>>I am trying to have the Field lables NOT to wrap.
>>Try style="white:space: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

P: n/a
"Peter" <cz****@nospam.nospamwrote in message
news:en**************@TK2MSFTNGP05.phx.gbl...
>>>Try style="white:space: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:268435456px" 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

P: n/a

"Mark Rae [MVP]" <ma**@markNOSPAMrae.netwrote in message
news:eQ**************@TK2MSFTNGP05.phx.gbl...
"Peter" <cz****@nospam.nospamwrote in message
news:en**************@TK2MSFTNGP05.phx.gbl...
>>>>Try style="white:space: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:268435456px" 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:268435456px" 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

P: n/a
Hi Mark,

Could you tell me the edition of your Visual Studio and the steps to create
the "width: 268435456px"? I'll try to reproduce it on my side and see if
it's something wrong with Visual Studio.

Regards,
Allen Chen
Microsoft Online Support

--------------------
| From: "Peter" <cz****@nospam.nospam>
| References: <Ox**************@TK2MSFTNGP06.phx.gbl>
<u0**************@TK2MSFTNGP05.phx.gbl>
<#7**************@TK2MSFTNGP02.phx.gbl>
<ue**************@TK2MSFTNGP03.phx.gbl>
<en**************@TK2MSFTNGP05.phx.gbl>
<eQ**************@TK2MSFTNGP05.phx.gbl>
| Subject: Re: Data Entery Webpage with tables
| Date: Mon, 27 Oct 2008 08:27:32 -0500
| Lines: 61
| X-Priority: 3
| X-MSMail-Priority: Normal
| X-Newsreader: Microsoft Outlook Express 6.00.2900.5512
| X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.5579
| X-RFC2646: Format=Flowed; Response
| Message-ID: <#y*************@TK2MSFTNGP06.phx.gbl>
| Newsgroups: microsoft.public.dotnet.framework.aspnet
| NNTP-Posting-Host: CPE-72-129-145-58.new.res.rr.com 72.129.145.58
| Path: TK2MSFTNGHUB02.phx.gbl!TK2MSFTNGP01.phx.gbl!TK2MSF TNGP06.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:78704
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
|
| "Mark Rae [MVP]" <ma**@markNOSPAMrae.netwrote in message
| news:eQ**************@TK2MSFTNGP05.phx.gbl...
| "Peter" <cz****@nospam.nospamwrote in message
| news:en**************@TK2MSFTNGP05.phx.gbl...
| >
| >>>>Try style="white:space: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:268435456px" 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...964-672D-4511-
BB3E-2D5E1DB91038&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:268435456px" 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 28 '08 #11

P: n/a

"Allen Chen [MSFT]" <v-******@online.microsoft.comwrote in message
news:bH**************@TK2MSFTNGHUB02.phx.gbl...
Hi Mark,

Could you tell me the edition of your Visual Studio and the steps to
create
the "width: 268435456px"? I'll try to reproduce it on my side and see if
it's something wrong with Visual Studio.

Regards,
Allen Chen
Microsoft Online Support

--------------------
| From: "Peter" <cz****@nospam.nospam>
| References: <Ox**************@TK2MSFTNGP06.phx.gbl>
<u0**************@TK2MSFTNGP05.phx.gbl>
<#7**************@TK2MSFTNGP02.phx.gbl>
<ue**************@TK2MSFTNGP03.phx.gbl>
<en**************@TK2MSFTNGP05.phx.gbl>
<eQ**************@TK2MSFTNGP05.phx.gbl>
| Subject: Re: Data Entery Webpage with tables
| Date: Mon, 27 Oct 2008 08:27:32 -0500
| Lines: 61
| X-Priority: 3
| X-MSMail-Priority: Normal
| X-Newsreader: Microsoft Outlook Express 6.00.2900.5512
| X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.5579
| X-RFC2646: Format=Flowed; Response
| Message-ID: <#y*************@TK2MSFTNGP06.phx.gbl>
| Newsgroups: microsoft.public.dotnet.framework.aspnet
| NNTP-Posting-Host: CPE-72-129-145-58.new.res.rr.com 72.129.145.58
| Path: TK2MSFTNGHUB02.phx.gbl!TK2MSFTNGP01.phx.gbl!TK2MSF TNGP06.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:78704
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
|
| "Mark Rae [MVP]" <ma**@markNOSPAMrae.netwrote in message
| news:eQ**************@TK2MSFTNGP05.phx.gbl...
| "Peter" <cz****@nospam.nospamwrote in message
| news:en**************@TK2MSFTNGP05.phx.gbl...
| >
| >>>>Try style="white:space: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:268435456px" 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...964-672D-4511-
BB3E-2D5E1DB91038&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:268435456px" 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?
|
|
|
|
I am using VS 9.0.30729.1 SP

Microsoft Visual Studio 2008
Version 9.0.30729.1 SP
Microsoft .NET Framework
Version 3.5 SP1

Installed Edition: Enterprise Architect

Microsoft Visual Web Developer 2008
Create 3 x 3 table
add a lable to the first column
risize the column to just fix the label in the first column
add a text box to the second column
resize the text box just beyond the second column - drag the sides of the
text box - move the mouse pointer past the second column
Oct 28 '08 #12

P: n/a
"Allen Chen [MSFT]" <v-******@online.microsoft.comwrote in message
news:bH**************@TK2MSFTNGHUB02.phx.gbl...
Hi Mark,

Could you tell me the edition of your Visual Studio and the steps to
create
the "width: 268435456px"? I'll try to reproduce it on my side and see if
it's something wrong with Visual Studio.

Regards,
Allen Chen
Microsoft Online Support
Allen,

I'm not sure how, but you consistently reply to the wrong post in threads -
I can only assume it's something to do with your newsreader...
--
Mark Rae
ASP.NET MVP
http://www.markrae.net

Oct 28 '08 #13

P: n/a
Hello Peter,

Thanks for your information. However, I cannot reproduce this problem with
the steps you mentioned. Could you send me some screenshots and a demo
project to me? My email is v-******@microsoft.com.
Regards,
Allen Chen
Microsoft Online Support

--------------------
| From: "Peter" <cz****@nospam.nospam>
| References: <Ox**************@TK2MSFTNGP06.phx.gbl>
<u0**************@TK2MSFTNGP05.phx.gbl>
<#7**************@TK2MSFTNGP02.phx.gbl>
<ue**************@TK2MSFTNGP03.phx.gbl>
<en**************@TK2MSFTNGP05.phx.gbl>
<eQ**************@TK2MSFTNGP05.phx.gbl>
<#y*************@TK2MSFTNGP06.phx.gbl>
<bH**************@TK2MSFTNGHUB02.phx.gbl>
| Subject: Re: Data Entery Webpage with tables
| Date: Mon, 27 Oct 2008 21:19:08 -0500
| Lines: 132
| X-Priority: 3
| X-MSMail-Priority: Normal
| X-Newsreader: Microsoft Outlook Express 6.00.2900.5512
| X-RFC2646: Format=Flowed; Original
| X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.5579
| Message-ID: <Ov**************@TK2MSFTNGP05.phx.gbl>
| Newsgroups: microsoft.public.dotnet.framework.aspnet
| NNTP-Posting-Host: CPE-72-129-145-58.new.res.rr.com 72.129.145.58
| Path: TK2MSFTNGHUB02.phx.gbl!TK2MSFTNGP01.phx.gbl!TK2MSF TNGP05.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:78781
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
|
| "Allen Chen [MSFT]" <v-******@online.microsoft.comwrote in message
| news:bH**************@TK2MSFTNGHUB02.phx.gbl...
| Hi Mark,
| >
| Could you tell me the edition of your Visual Studio and the steps to
| create
| the "width: 268435456px"? I'll try to reproduce it on my side and see if
| it's something wrong with Visual Studio.
| >
| Regards,
| Allen Chen
| Microsoft Online Support
| >
| --------------------
| | From: "Peter" <cz****@nospam.nospam>
| | References: <Ox**************@TK2MSFTNGP06.phx.gbl>
| <u0**************@TK2MSFTNGP05.phx.gbl>
| <#7**************@TK2MSFTNGP02.phx.gbl>
| <ue**************@TK2MSFTNGP03.phx.gbl>
| <en**************@TK2MSFTNGP05.phx.gbl>
| <eQ**************@TK2MSFTNGP05.phx.gbl>
| | Subject: Re: Data Entery Webpage with tables
| | Date: Mon, 27 Oct 2008 08:27:32 -0500
| | Lines: 61
| | X-Priority: 3
| | X-MSMail-Priority: Normal
| | X-Newsreader: Microsoft Outlook Express 6.00.2900.5512
| | X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.5579
| | X-RFC2646: Format=Flowed; Response
| | Message-ID: <#y*************@TK2MSFTNGP06.phx.gbl>
| | Newsgroups: microsoft.public.dotnet.framework.aspnet
| | NNTP-Posting-Host: CPE-72-129-145-58.new.res.rr.com 72.129.145.58
| | Path: TK2MSFTNGHUB02.phx.gbl!TK2MSFTNGP01.phx.gbl!TK2MSF TNGP06.phx.gbl
| | Xref: TK2MSFTNGHUB02.phx.gbl
| microsoft.public.dotnet.framework.aspnet:78704
| | X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
| |
| |
| | "Mark Rae [MVP]" <ma**@markNOSPAMrae.netwrote in message
| | news:eQ**************@TK2MSFTNGP05.phx.gbl...
| | "Peter" <cz****@nospam.nospamwrote in message
| | news:en**************@TK2MSFTNGP05.phx.gbl...
| | >
| | >>>>Try style="white:space: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:268435456px" 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...964-672D-4511-
| BB3E-2D5E1DB91038&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:268435456px" 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?
| |
| |
| |
| |
| >
|
| I am using VS 9.0.30729.1 SP
|
| Microsoft Visual Studio 2008
| Version 9.0.30729.1 SP
| Microsoft .NET Framework
| Version 3.5 SP1
|
| Installed Edition: Enterprise Architect
|
| Microsoft Visual Web Developer 2008
|
|
| Create 3 x 3 table
| add a lable to the first column
| risize the column to just fix the label in the first column
| add a text box to the second column
| resize the text box just beyond the second column - drag the sides of the
| text box - move the mouse pointer past the second column
|
|
|

Oct 28 '08 #14

P: n/a
Hi Mark,

Sorry. I'm using our internal tool to read this post. The format is not
that well so I incorrectly thought this question was asked by you. Sorry
for the inconvenience brought to you.

Regards,
Allen Chen
Microsoft Online Support

--------------------
| From: "Mark Rae [MVP]" <ma**@markNOSPAMrae.net>
| References: <Ox**************@TK2MSFTNGP06.phx.gbl>
<u0**************@TK2MSFTNGP05.phx.gbl>
<#7**************@TK2MSFTNGP02.phx.gbl>
<ue**************@TK2MSFTNGP03.phx.gbl>
<en**************@TK2MSFTNGP05.phx.gbl>
<eQ**************@TK2MSFTNGP05.phx.gbl>
<#y*************@TK2MSFTNGP06.phx.gbl>
<bH**************@TK2MSFTNGHUB02.phx.gbl>
| In-Reply-To: <bH**************@TK2MSFTNGHUB02.phx.gbl>
| Subject: Re: Data Entery Webpage with tables
| Date: Tue, 28 Oct 2008 02:24:04 -0000
| Lines: 25
| Organization: http://www.markrae.net
| MIME-Version: 1.0
| Content-Type: text/plain;
| format=flowed;
| charset="iso-8859-1";
| reply-type=original
| Content-Transfer-Encoding: 7bit
| X-Priority: 3
| X-MSMail-Priority: Normal
| X-Newsreader: Microsoft Windows Mail 6.0.6001.18000
| X-MimeOLE: Produced By Microsoft MimeOLE V6.0.6001.18049
| Message-ID: <OS**************@TK2MSFTNGP06.phx.gbl>
| Newsgroups: microsoft.public.dotnet.framework.aspnet
| NNTP-Posting-Host: 77-99-142-41.cable.ubr06.hari.blueyonder.co.uk
77.99.142.41
| Path: TK2MSFTNGHUB02.phx.gbl!TK2MSFTNGP01.phx.gbl!TK2MSF TNGP06.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:78782
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
| "Allen Chen [MSFT]" <v-******@online.microsoft.comwrote in message
| news:bH**************@TK2MSFTNGHUB02.phx.gbl...
|
| Hi Mark,
| >
| Could you tell me the edition of your Visual Studio and the steps to
| create
| the "width: 268435456px"? I'll try to reproduce it on my side and see if
| it's something wrong with Visual Studio.
| >
| Regards,
| Allen Chen
| Microsoft Online Support
|
| Allen,
|
| I'm not sure how, but you consistently reply to the wrong post in threads
-
| I can only assume it's something to do with your newsreader...
|
|
| --
| Mark Rae
| ASP.NET MVP
| http://www.markrae.net
|
|

Oct 28 '08 #15

P: n/a
Hello Peter,

Did you make any progress on this issue?

Regards,
Allen Chen
Microsoft Online Support

--------------------
| From: "Peter" <cz****@nospam.nospam>
| References: <Ox**************@TK2MSFTNGP06.phx.gbl>
<u0**************@TK2MSFTNGP05.phx.gbl>
<#7**************@TK2MSFTNGP02.phx.gbl>
<ue**************@TK2MSFTNGP03.phx.gbl>
<en**************@TK2MSFTNGP05.phx.gbl>
<eQ**************@TK2MSFTNGP05.phx.gbl>
<#y*************@TK2MSFTNGP06.phx.gbl>
<bH**************@TK2MSFTNGHUB02.phx.gbl>
| Subject: Re: Data Entery Webpage with tables
| Date: Mon, 27 Oct 2008 21:19:08 -0500
| Lines: 132
| X-Priority: 3
| X-MSMail-Priority: Normal
| X-Newsreader: Microsoft Outlook Express 6.00.2900.5512
| X-RFC2646: Format=Flowed; Original
| X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.5579
| Message-ID: <Ov**************@TK2MSFTNGP05.phx.gbl>
| Newsgroups: microsoft.public.dotnet.framework.aspnet
| NNTP-Posting-Host: CPE-72-129-145-58.new.res.rr.com 72.129.145.58
| Path: TK2MSFTNGHUB02.phx.gbl!TK2MSFTNGP01.phx.gbl!TK2MSF TNGP05.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:78781
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
|
| "Allen Chen [MSFT]" <v-******@online.microsoft.comwrote in message
| news:bH**************@TK2MSFTNGHUB02.phx.gbl...
| Hi Mark,
| >
| Could you tell me the edition of your Visual Studio and the steps to
| create
| the "width: 268435456px"? I'll try to reproduce it on my side and see if
| it's something wrong with Visual Studio.
| >
| Regards,
| Allen Chen
| Microsoft Online Support
| >
| --------------------
| | From: "Peter" <cz****@nospam.nospam>
| | References: <Ox**************@TK2MSFTNGP06.phx.gbl>
| <u0**************@TK2MSFTNGP05.phx.gbl>
| <#7**************@TK2MSFTNGP02.phx.gbl>
| <ue**************@TK2MSFTNGP03.phx.gbl>
| <en**************@TK2MSFTNGP05.phx.gbl>
| <eQ**************@TK2MSFTNGP05.phx.gbl>
| | Subject: Re: Data Entery Webpage with tables
| | Date: Mon, 27 Oct 2008 08:27:32 -0500
| | Lines: 61
| | X-Priority: 3
| | X-MSMail-Priority: Normal
| | X-Newsreader: Microsoft Outlook Express 6.00.2900.5512
| | X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.5579
| | X-RFC2646: Format=Flowed; Response
| | Message-ID: <#y*************@TK2MSFTNGP06.phx.gbl>
| | Newsgroups: microsoft.public.dotnet.framework.aspnet
| | NNTP-Posting-Host: CPE-72-129-145-58.new.res.rr.com 72.129.145.58
| | Path: TK2MSFTNGHUB02.phx.gbl!TK2MSFTNGP01.phx.gbl!TK2MSF TNGP06.phx.gbl
| | Xref: TK2MSFTNGHUB02.phx.gbl
| microsoft.public.dotnet.framework.aspnet:78704
| | X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
| |
| |
| | "Mark Rae [MVP]" <ma**@markNOSPAMrae.netwrote in message
| | news:eQ**************@TK2MSFTNGP05.phx.gbl...
| | "Peter" <cz****@nospam.nospamwrote in message
| | news:en**************@TK2MSFTNGP05.phx.gbl...
| | >
| | >>>>Try style="white:space: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:268435456px" 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...964-672D-4511-
| BB3E-2D5E1DB91038&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:268435456px" 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?
| |
| |
| |
| |
| >
|
| I am using VS 9.0.30729.1 SP
|
| Microsoft Visual Studio 2008
| Version 9.0.30729.1 SP
| Microsoft .NET Framework
| Version 3.5 SP1
|
| Installed Edition: Enterprise Architect
|
| Microsoft Visual Web Developer 2008
|
|
| Create 3 x 3 table
| add a lable to the first column
| risize the column to just fix the label in the first column
| add a text box to the second column
| resize the text box just beyond the second column - drag the sides of the
| text box - move the mouse pointer past the second column
|
|
|

Nov 3 '08 #16

This discussion thread is closed

Replies have been disabled for this discussion.