How do I make and keep text boxes aligned (left justified) in a ta

G

Guest

I have a two column x eleven row table established on a page. The left
column contains the text titles for the textboxes, which populate the right
column. I cannot seem to easily get all of the text boxes to align to the
left side of each cell in the right hand column. If I do get them to finally
align, after saving and publishing, they are all over the place again. I
have checked all of the formating of the cells and the the text boxes and
they are all set up with IDENTICAL specs. Any ideas? Is their an alignment
tool in FP 2003, like in Visual FoxPro? Help!

Thanks for your kind consideration in responding to my request.

Mialigned in MI,

Brent
 
M

Murray

Make the left column have right alignment, e.g.,

<td align="right">your title</td>
 
G

Guest

I found out that the cells containing the misaligned fields have an EXTRA
LINE of code in them. If I remove the HTML DIV statement, everything works
fine:

<tr>
<td align="right" height="20">
<p align="left">
<em style="font-style: normal; font-weight: 700">
<font size="1">Address 2 :</font></em></p>
</td>
<td style="font-size: 10pt; font-family: Arial"
height="20">
<div style="padding-left: 4px; padding-right:
4px; padding-top: 1px; padding-bottom: 1px">
<input name="Address_Line_2" value size="60"
maxlength="60" style="padding-left: 4px; padding-right: 4px; padding-top:
1px; padding-bottom: 1px"></div>
</td>
</tr>

SOOOOooooo .... my new question is ----- What causes the addition of this
extra DIV statement in the misaligned cells?

Thanks again.

Misaligned in MI,

Brent
 
G

Guest

Murray:

That was the code generated by FP 2003 when the table and text boxes were
created in the Design view.

Thanks, Murray.

Brent
 
M

Murray

When I insert a table in FP2003 I don't get that markup. What else are you
doing that I am not?
 
G

Guest

Hi, Murray:

That's the $64,000 question. Beats me. Nothing that I know of. Simply
created a 2 x 11 table, made the left column narrower than the right, added
the text to the left column cells, and the text boxes to the right column
cells. Then, some of the fields were misaligned, and those were the ones
with the DIV's in them. I have manually deleted the DIV's and everything is
fine. Don't know that we'll ever know why the lines of code were ever there
in the first place.

Thanks again for your help and assistance.

Kindest regards,

Brent
 
S

Stefan B Rusynko

You did by selecting the Style button
(just as you added styles for font weight and padding of the input field)
- FP does not add it unless you ask it to

Also you are trying to align cell content by clicking on the Paragraph formatting tool on the menu bar, so you end up with
<td align="right" height="20">
<p align="left">
<em style="font-style: normal; font-weight: 700"> <font size="1">Address 2 :</font></em>
</p>
</td>
Remove the P tag by selecting it in the Quick Tag Selector at the top of the page and use the dropdown menu to remove tag

PS
Applying a font style to a TD tag (container) is invalid as in your
<td style="font-size: 10pt; font-family: Arial" height="20">
Remove the style from the TD tag and apply it to the cell content

--




|I found out that the cells containing the misaligned fields have an EXTRA
| LINE of code in them. If I remove the HTML DIV statement, everything works
| fine:
|
| <tr>
| <td align="right" height="20">
| <p align="left">
| <em style="font-style: normal; font-weight: 700">
| <font size="1">Address 2 :</font></em></p>
| </td>
| <td style="font-size: 10pt; font-family: Arial"
| height="20">
| <div style="padding-left: 4px; padding-right:
| 4px; padding-top: 1px; padding-bottom: 1px">
| <input name="Address_Line_2" value size="60"
| maxlength="60" style="padding-left: 4px; padding-right: 4px; padding-top:
| 1px; padding-bottom: 1px"></div>
| </td>
| </tr>
|
| SOOOOooooo .... my new question is ----- What causes the addition of this
| extra DIV statement in the misaligned cells?
|
| Thanks again.
|
| Misaligned in MI,
|
| Brent
|
|
| "Brent" wrote:
|
| > I have a two column x eleven row table established on a page. The left
| > column contains the text titles for the textboxes, which populate the right
| > column. I cannot seem to easily get all of the text boxes to align to the
| > left side of each cell in the right hand column. If I do get them to finally
| > align, after saving and publishing, they are all over the place again. I
| > have checked all of the formating of the cells and the the text boxes and
| > they are all set up with IDENTICAL specs. Any ideas? Is their an alignment
| > tool in FP 2003, like in Visual FoxPro? Help!
| >
| > Thanks for your kind consideration in responding to my request.
| >
| > Misaligned in MI,
| >
| > Brent
 
M

Murray

Applying a font style to a TD tag (container) is invalid as in your
<td style="font-size: 10pt; font-family: Arial" height="20">
Remove the style from the TD tag and apply it to the cell content

That's perfectly valid markup, Stefan. Applying font styles to a container
tag is common.

What's problematic about that is the use of points rather than a pixel
oriented metric, but that's a different thread.
 
S

Stefan B Rusynko

I suspect there are a few browsers (like NN4) that would choke on it (-;
- Applied as a class (for an external style sheet) I would agree
--




|> Applying a font style to a TD tag (container) is invalid as in your
| > <td style="font-size: 10pt; font-family: Arial" height="20">
| > Remove the style from the TD tag and apply it to the cell content
|
| That's perfectly valid markup, Stefan. Applying font styles to a container
| tag is common.
|
| What's problematic about that is the use of points rather than a pixel
| oriented metric, but that's a different thread.
|
| --
| Murray
| ============
|
| | > You did by selecting the Style button
| > (just as you added styles for font weight and padding of the input field)
| > - FP does not add it unless you ask it to
| >
| > Also you are trying to align cell content by clicking on the Paragraph
| > formatting tool on the menu bar, so you end up with
| > <td align="right" height="20">
| > <p align="left">
| > <em style="font-style: normal; font-weight: 700"> <font size="1">Address
| > 2 :</font></em>
| > </p>
| > </td>
| > Remove the P tag by selecting it in the Quick Tag Selector at the top of
| > the page and use the dropdown menu to remove tag
| >
| > PS
| > Applying a font style to a TD tag (container) is invalid as in your
| > <td style="font-size: 10pt; font-family: Arial" height="20">
| > Remove the style from the TD tag and apply it to the cell content
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| > | > |I found out that the cells containing the misaligned fields have an EXTRA
| > | LINE of code in them. If I remove the HTML DIV statement, everything
| > works
| > | fine:
| > |
| > | <tr>
| > | <td align="right" height="20">
| > | <p align="left">
| > | <em style="font-style: normal; font-weight:
| > 700">
| > | <font size="1">Address 2 :</font></em></p>
| > | </td>
| > | <td style="font-size: 10pt; font-family:
| > Arial"
| > | height="20">
| > | <div style="padding-left: 4px; padding-right:
| > | 4px; padding-top: 1px; padding-bottom: 1px">
| > | <input name="Address_Line_2" value size="60"
| > | maxlength="60" style="padding-left: 4px; padding-right: 4px;
| > padding-top:
| > | 1px; padding-bottom: 1px"></div>
| > | </td>
| > | </tr>
| > |
| > | SOOOOooooo .... my new question is ----- What causes the addition of
| > this
| > | extra DIV statement in the misaligned cells?
| > |
| > | Thanks again.
| > |
| > | Misaligned in MI,
| > |
| > | Brent
| > |
| > |
| > | "Brent" wrote:
| > |
| > | > I have a two column x eleven row table established on a page. The
| > left
| > | > column contains the text titles for the textboxes, which populate the
| > right
| > | > column. I cannot seem to easily get all of the text boxes to align to
| > the
| > | > left side of each cell in the right hand column. If I do get them to
| > finally
| > | > align, after saving and publishing, they are all over the place again.
| > I
| > | > have checked all of the formating of the cells and the the text boxes
| > and
| > | > they are all set up with IDENTICAL specs. Any ideas? Is their an
| > alignment
| > | > tool in FP 2003, like in Visual FoxPro? Help!
| > | >
| > | > Thanks for your kind consideration in responding to my request.
| > | >
| > | > Misaligned in MI,
| > | >
| > | > Brent
| >
| >
|
|
 
M

Murray

I suspect there are a few browsers (like NN4) that would choke on it (-;

NN4x eats it right up. It doesn't do it, but it doesn't choke, either....

How important is NN4x in your world at this point?

--
Murray
============

Stefan B Rusynko said:
I suspect there are a few browsers (like NN4) that would choke on it (-;
- Applied as a class (for an external style sheet) I would agree
--




|> Applying a font style to a TD tag (container) is invalid as in your
| > <td style="font-size: 10pt; font-family: Arial" height="20">
| > Remove the style from the TD tag and apply it to the cell content
|
| That's perfectly valid markup, Stefan. Applying font styles to a
container
| tag is common.
|
| What's problematic about that is the use of points rather than a pixel
| oriented metric, but that's a different thread.
|
| --
| Murray
| ============
|
| | > You did by selecting the Style button
| > (just as you added styles for font weight and padding of the input
field)
| > - FP does not add it unless you ask it to
| >
| > Also you are trying to align cell content by clicking on the Paragraph
| > formatting tool on the menu bar, so you end up with
| > <td align="right" height="20">
| > <p align="left">
| > <em style="font-style: normal; font-weight: 700"> <font
size="1">Address
| > 2 :</font></em>
| > </p>
| > </td>
| > Remove the P tag by selecting it in the Quick Tag Selector at the top
of
| > the page and use the dropdown menu to remove tag
| >
| > PS
| > Applying a font style to a TD tag (container) is invalid as in your
| > <td style="font-size: 10pt; font-family: Arial" height="20">
| > Remove the style from the TD tag and apply it to the cell content
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| > | > |I found out that the cells containing the misaligned fields have an
EXTRA
| > | LINE of code in them. If I remove the HTML DIV statement,
everything
| > works
| > | fine:
| > |
| > | <tr>
| > | <td align="right" height="20">
| > | <p align="left">
| > | <em style="font-style: normal;
font-weight:
| > 700">
| > | <font size="1">Address 2
:</font></em></p>
| > | </td>
| > | <td style="font-size: 10pt; font-family:
| > Arial"
| > | height="20">
| > | <div style="padding-left: 4px;
padding-right:
| > | 4px; padding-top: 1px; padding-bottom: 1px">
| > | <input name="Address_Line_2" value
size="60"
| > | maxlength="60" style="padding-left: 4px; padding-right: 4px;
| > padding-top:
| > | 1px; padding-bottom: 1px"></div>
| > | </td>
| > | </tr>
| > |
| > | SOOOOooooo .... my new question is ----- What causes the addition
of
| > this
| > | extra DIV statement in the misaligned cells?
| > |
| > | Thanks again.
| > |
| > | Misaligned in MI,
| > |
| > | Brent
| > |
| > |
| > | "Brent" wrote:
| > |
| > | > I have a two column x eleven row table established on a page. The
| > left
| > | > column contains the text titles for the textboxes, which populate
the
| > right
| > | > column. I cannot seem to easily get all of the text boxes to
align to
| > the
| > | > left side of each cell in the right hand column. If I do get them
to
| > finally
| > | > align, after saving and publishing, they are all over the place
again.
| > I
| > | > have checked all of the formating of the cells and the the text
boxes
| > and
| > | > they are all set up with IDENTICAL specs. Any ideas? Is their an
| > alignment
| > | > tool in FP 2003, like in Visual FoxPro? Help!
| > | >
| > | > Thanks for your kind consideration in responding to my request.
| > | >
| > | > Misaligned in MI,
| > | >
| > | > Brent
| >
| >
|
|
 

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

Top