trouble with DataCell Width and Width of Textbox

[Jeff]

hi

asp.net 2.0

Below is some markup I have trouble with. The problem is that the Textbox
doesn't fill the entire DataCell.
I've set width of TextBox to 100%.... The point is that I want the * to be
aligned exactly at the right corner of the TextBox. As it is now there is a
huge space between them, maybe 30px

<asp:Table ID="tblEditUser " runat="server" Width="370" BackColor="Gain sboro"

>

<asp:TableRow >
<asp:TableCel l HorizontalAlign ="Right" Width="150"

>Name:</asp:TableCell>

<asp:TableCel l Width="200" BackColor="Ghos tWhite"
CssClass="colum nRight">
<asp:TextBox ID="txtName" runat="server"
Width="100%"></asp:TextBox>
</asp:TableCell>
<asp:TableCel l Width="20" BackColor="Lave nderBlush">
<asp:RequiredFi eldValidator ID="valRequireN ame"
runat="server"
ErrorMessage="N ame is required"
ControlToValida te="txtName">* </asp:RequiredFie ldValidator>
</asp:TableCell>
</asp:TableRow>

Those colors above is just debug info, I want to see where each DataCell is
;)

any suggestions?

[Nathan Sokalski]

Here are several things to take note of:

1. Why are you putting the TextBox and RequiredFieldVa lidator in separate
TableCells?
2. When the ErrorMessage for the RequiredFieldVa lidator is displayed, the
TableCell it is in will be wider than 20
3. When using the Width and Height properties of the TableCell, you should
put Width="20px", not Width="20"
4. When you are specifying the width and/or height for all cells and/or rows
in a table (server or html), it is a good idea to include
style="table-layout:fixed;"
5. What happens if you add style="text-align:left;" to the TableCell with
the RequiredFieldVa lidator?

I don't have your entire code, so I can't really do a good test, but see if
any of these suggestions make a difference. Also, just as a personal
preference, I think it is better to use the style="..." attribute rather
than control properties for things that are directly mapped to CSS
properties (such as Width, Height, BackColor, etc.) when specifying them
declaratively so that I can see them all next to each other, and also so
that I know whether they will be rendered as CSS or an attribute of the
rendered HTML tag. Good Luck!
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

"Jeff" <it************ @hotmail.com.NO SPAMwrote in message
news:en******** ******@TK2MSFTN GP03.phx.gbl...

hi

asp.net 2.0

Below is some markup I have trouble with. The problem is that the Textbox
doesn't fill the entire DataCell.
I've set width of TextBox to 100%.... The point is that I want the * to be
aligned exactly at the right corner of the TextBox. As it is now there is
a huge space between them, maybe 30px

<asp:Table ID="tblEditUser " runat="server" Width="370"
BackColor="Gain sboro"

<asp:TableRow >
<asp:TableCel l HorizontalAlign ="Right" Width="150"

Name:</asp:TableCell>

<asp:TableCel l Width="200" BackColor="Ghos tWhite"
CssClass="colum nRight">
<asp:TextBox ID="txtName" runat="server"
Width="100%"></asp:TextBox>
</asp:TableCell>
<asp:TableCel l Width="20" BackColor="Lave nderBlush">
<asp:RequiredFi eldValidator ID="valRequireN ame"
runat="server"
ErrorMessage="N ame is required"
ControlToValida te="txtName">* </asp:RequiredFie ldValidator>
</asp:TableCell>
</asp:TableRow>

Those colors above is just debug info, I want to see where each DataCell
is ;)

any suggestions?