Inquiry form alignment problem

D

Dan E

I have a user input form (a webbot) which was all nicely aligned until I
attached a DWT. The form went into the editable body OK, but the labels for
the input fields and the input fields themselves went out of alignment to a
marked degree. Could it be the styles from the CSS imported into the dwt,
or is there something else I should look at?

All help gratefully received,

TIA,

Dan
 
T

Thomas A. Rowe

Attaching a DWT to page that is already designed, will in many cases requires you to adjust the page
content afterwards. Setup the form using a 2 column table (label:Field).

The best way to use DWTs is when starting or redoing the site from scratch, so that your content is
inserted correctly into areas you have defined as editable regions.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
D

Dan E

I confirmed by testing a backup that it is indeed the styles that screw up
the form layout. Is there any simple way to negate all styles inherited by
the form from the dwt? If not, what is the best way to handle this?

TIA,

Dan
 
D

Dan E

Good tip - thanks, Thomas.

Dan
Thomas A. Rowe said:
Attaching a DWT to page that is already designed, will in many cases
requires you to adjust the page content afterwards. Setup the form using a
2 column table (label:Field).

The best way to use DWTs is when starting or redoing the site from
scratch, so that your content is inserted correctly into areas you have
defined as editable regions.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
Click to expand...
 
R

Ronx

Add an editable region in the <head> section of the DWT for styles. This
should be below the existing style links.

<!-- BeginEditable "Styles" -->
<!-- Add more styles here -->
<!-- EndEditable -->

Then in your form page you can add styles over-ruling those in your main
style sheet.
You could also place your main style sheet in the editable region so that it
could be removed from individual pages if necessary. (try this on a backup
first).

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


Dan E said:
I confirmed by testing a backup that it is indeed the styles that screw up
the form layout. Is there any simple way to negate all styles inherited by
the form from the dwt? If not, what is the best way to handle this?

TIA,

Dan
Click to expand...
 
D

Dan E

Thomas - is this what you're suggesting as the best way to use DWTs - for
each content page, begin with a blank page, attach its DWT, then design the
content in the editable region(s)? (As opposed to designing the content
part, then attaching the DWT).

TIA,

Dan
Thomas A. Rowe said:
Attaching a DWT to page that is already designed, will in many cases
requires you to adjust the page content afterwards. Setup the form using a
2 column table (label:Field).

The best way to use DWTs is when starting or redoing the site from
scratch, so that your content is inserted correctly into areas you have
defined as editable regions.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
Click to expand...
 
T

Thomas A. Rowe

Yes, as the DWT will not adjust to the content that is already on the page. In the future you can
change the DWT and know that the content currently on the pages will still be displayed correctly,
unless you really alter the design of the new DWT.

Note: When you remove a DWT from a page, the content of the DWT will remain on the page.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Dan E said:
Thomas - is this what you're suggesting as the best way to use DWTs - for each content page, begin
with a blank page, attach its DWT, then design the content in the editable region(s)? (As opposed
to designing the content part, then attaching the DWT).

TIA,

Dan
Click to expand...
 
D

Dan E

Ron - nice idea, but I'm having difficulty implementing it. FP doesn't
appear to like me trying to add an editable region in the head area - it
keeps putting it into the already editable area of the body, and it doesn't
take any notice (i.e. doesn't create an editable region) when I put code
into the head (incidentally, it looks like the start below should be <!--
#BeginEditable "Styles" -->). Any suggestions very welcome.

TIA,

Dan

Ronx said:
Add an editable region in the <head> section of the DWT for styles. This
should be below the existing style links.

<!-- BeginEditable "Styles" -->
<!-- Add more styles here -->
<!-- EndEditable -->

Then in your form page you can add styles over-ruling those in your main
style sheet.
You could also place your main style sheet in the editable region so that
it could be removed from individual pages if necessary. (try this on a
backup first).
Click to expand...
 
D

Dan E

Ron - I fixed it by making a new class definition "form" in the main CSS
file, basically just setting margins and a non-proportional font, then
declaring the <pre> at the top of the form to be class="form" - bingo! The
problem was just that the form is inside <pre>, which makes all whitespace
show in the display, and the form-maker just uses a bunch of spaces to make
characters line up.

Thanks for your help - and I'd still like to know how to insert a new
editable area inside the header in a DWT that was already designed.

Cheers, and thanks for all your help,

Dan
Ronx said:
Add an editable region in the <head> section of the DWT for styles. This
should be below the existing style links.

<!-- BeginEditable "Styles" -->
<!-- Add more styles here -->
<!-- EndEditable -->

Then in your form page you can add styles over-ruling those in your main
style sheet.
You could also place your main style sheet in the editable region so that
it could be removed from individual pages if necessary. (try this on a
backup first).
Click to expand...
 
R

Ronx

To place an editable region in the <head> of a DWT, open the DWT in
FrontPage, select Code view.

In the <head> section, type (getting it right this time :) )

<!-- #BeginEditable "regionName" -->
<!-- insert HTML, CSS etc here -->
<!-- #EndEditable -->

With the correct syntax, I have never had a problem.
 
D

Dan E

Well, .... me! I spotted the syntax error in the Begin, but not in the
End... It works! Many thanks, Ron.

Dan
 

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

URL path notation help needed... 22
Background image 2
CSS @import URI question 2
email form results 2
FP2003 Guestbook Problem 1
CSS - link vs. @import 3
FrontPage Form Problem 1
Form problem-Can't type text into form-bad code? 1

Top