Frontpage Forms Leave GAP Underneath! Help!

J

JF

Hi,

I'd be really grateful if anyone can help me solve this problem.

Whenever I insert a form into a page in FrontPage 2002, there is always a
reasonably large empty gap under the form.

The strange thing is that this is only visible when the site is published,
and not in editing mode.

Please help me!

J.F.
 
M

Murray

You are probably seeing the margin inherent to many HTML tags. You can
easily control this with CSS by redefining the form tag to have smaller
margins.

Unfortunately, I can find no way to do this through the FP user interface,
but adding this to the head of the document will work. Change this -

</head>

to this -

<style type="text/css">
<!--
form { margin:0; padding:0; }
-->
</style>
</head>
 
J

JF

Thank you so much - that did the job perfectly.

Will this only affect forms - i.e. could it cause any negative effect to the
sizing and spacing of other items such as tables on a page I add the code
to?

Regards,

J.F.
 
M

Murray

No - it only affects forms, and if you did what I recommended, it will only
affect forms on *THAT* page.

If, for example, you had several forms, and only wanted this style to apply
to one of them, then you would have to modify the CSS selector slightly to
pick the desired form based on its context.

I'm glad I was able to help.
 
M

MD Websunlimited

Hi JF,

A form is a block item meaning that it inherently causes paragraph spacing. To remove the spacing use CSS. To accomplish in FP, Use
the Quick Tag bar and edit the form tag adding a class selector.

<form class="myForm" .......>

Next, use Format Style, select the class selector and then set the desired styles - in this case margin and padding.

Do not use the general CSS tag selector form. You may at some future point which to create other forms or other forms are required
for downlevel compatibility such as with dropdown jump boxes.
 
M

Murray

Where do you get at the margin settings, Mike? I couldn't find anything but
padding.
 
Top