Removing Space Around Web Forms

Get Your Site Submitted for Free in the World's Largest B2B Directory!

Email Address:
* URL:
*
*Indicates Mandatory Field

Terms & Conditions

Removing Space Around Web Forms

By BasicTemplates
Expert Author
Article Date: 2003-08-29

The easiest and most effective way to eliminate unwanted text around your web forms is to use a snippet of CSS code.

Below we show you the inline CSS code and the external (recommended) CSS method. If you are not familiar with the different methods of CSS and how or when to use them, be sure to read our article, "External, Internal or Inline? Which Method is Best?"

Inline CSS:
<form style="margin-top: 0; margin-bottom: 0;">

External CSS (place code within your external style sheet):
.form { margin-top: 0; margin-bottom: 0;}

Both methods simply reduce the form margins to 0.

About the Author:
BasicTemplates.com designs Website Templates with External CSS and has been providing webmasters worldwide with affordable template designs since 1994. BasicTemplates currently offers 650+ designs which may be purchased individually or get complete access to all templates via an affordable membership plan. Most templates were strategically designed with interchangeable graphics and elements to increase the potential number of design layouts for the end user. Each layout utilizes an external style sheet for easy site maintenance and to ensure fast page load.