Data Entery Webpage with tables

P

Peter

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>
 
P

Peter

Mark Rae said:
That's because the syntax is incorrect - see my earlier reply.

The correct syntax is: style="white-space:nowrap;"
Click to expand...

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.
 
P

Peter

Nathan Sokalski said:
Sorry, my bad. But anybody who has ever used css should be able to
recognize that and realize what it should be.
--
Nathan Sokalski
(e-mail address removed)
http://www.nathansokalski.com/

Mark Rae said:
[top-posting corrected]
I am trying to have the Field lables NOT to wrap.
Click to expand...
Try style="white:space:nowrap;"
Click to expand...

That is incorrect. The correct syntax is: style="white-space:nowrap;"
Click to expand...

Correct, intellisense shows the correct syntax. But this CSS is no help
Click to expand...
 
P

Peter

Mark Rae said:
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 <tr> sections 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/...64-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.
Click to expand...


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?
 
A

Allen Chen [MSFT]

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" <[email protected]>
| References: <[email protected]>
<[email protected]>
<#[email protected]>
<[email protected]>
<[email protected]>
<[email protected]>
| 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: <#[email protected]>
| 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!TK2MSFTNGP06.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:78704
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
|
| | > | >
| >>>>> 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 <tr> sections 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/details.aspx?FamilyId=E59C3964-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?
|
|
|
|
 
P

Peter

Allen Chen said:
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" <[email protected]>
| References: <[email protected]>
<[email protected]>
<#[email protected]>
<[email protected]>
<[email protected]>
<[email protected]>
| 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: <#[email protected]>
| 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!TK2MSFTNGP06.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:78704
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
|
| | > | >
| >>>>> 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 <tr> sections 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/details.aspx?FamilyId=E59C3964-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?
|
|
|
|
Click to expand...

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
 
A

Allen Chen [MSFT]

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 (e-mail address removed).


Regards,
Allen Chen
Microsoft Online Support

--------------------
| From: "Peter" <[email protected]>
| References: <[email protected]>
<[email protected]>
<#[email protected]>
<[email protected]>
<[email protected]>
<[email protected]>
<#[email protected]>
<[email protected]>
| 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: <[email protected]>
| 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!TK2MSFTNGP05.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:78781
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
|
| | > 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" <[email protected]>
| > | References: <[email protected]>
| > <[email protected]>
| > <#[email protected]>
| > <[email protected]>
| > <[email protected]>
| > <[email protected]>
| > | 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: <#[email protected]>
| > | 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!TK2MSFTNGP06.phx.gbl
| > | Xref: TK2MSFTNGHUB02.phx.gbl
| > microsoft.public.dotnet.framework.aspnet:78704
| > | X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
| > |
| > |
| > | | > | > | > | >
| > | >>>>> 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 <tr> sections 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/details.aspx?FamilyId=E59C3964-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
|
|
|
 
A

Allen Chen [MSFT]

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]" <[email protected]>
| References: <[email protected]>
<[email protected]>
<#[email protected]>
<[email protected]>
<[email protected]>
<[email protected]>
<#[email protected]>
<[email protected]>
| In-Reply-To: <[email protected]>
| 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: <[email protected]>
| 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!TK2MSFTNGP06.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:78782
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
| |
| > 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
|
|
 
A

Allen Chen [MSFT]

Hello Peter,

Did you make any progress on this issue?

Regards,
Allen Chen
Microsoft Online Support

--------------------
| From: "Peter" <[email protected]>
| References: <[email protected]>
<[email protected]>
<#[email protected]>
<[email protected]>
<[email protected]>
<[email protected]>
<#[email protected]>
<[email protected]>
| 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: <[email protected]>
| 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!TK2MSFTNGP05.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:78781
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
|
| | > 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" <[email protected]>
| > | References: <[email protected]>
| > <[email protected]>
| > <#[email protected]>
| > <[email protected]>
| > <[email protected]>
| > <[email protected]>
| > | 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: <#[email protected]>
| > | 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!TK2MSFTNGP06.phx.gbl
| > | Xref: TK2MSFTNGHUB02.phx.gbl
| > microsoft.public.dotnet.framework.aspnet:78704
| > | X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
| > |
| > |
| > | | > | > | > | >
| > | >>>>> 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 <tr> sections 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/details.aspx?FamilyId=E59C3964-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
|
|
|
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

The code behind file seems to work very strange 2
ERROR MESSAGE CITES DIFFERENT LINE FROM PROBLEM 6
Compiler Error Message 1
Compiler Error Message 1
ASP PlaceHolder control 5
Accessing values of a control which is in a user control 1
Query Takes a Long Time to Run 5
What is the offending non 'Content' control...? 1

Top