Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Form Margins

Status
Not open for further replies.
milams

milams

Programmer
May 28, 2004
32
US
I'm kind of new to CSS. Is there a way to get rid of the margins that are in forms?
 
Sort by date Sort by votes
<form style="margin:0;" ...>

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard. [dragon]
 
Upvote 0 Downvote
Rather than sitting the style inline (which is perfectly valid)... I tend to do some of these "resetting" tasks in the CSS block of the page (or in linked CSS files).

In the <head> section of your page:
Code: 
<style type="text/css">
form, fieldset { margin:0; padding:0; }
</style>
There are several other elements than can benefit from this (because browsers provide different margins and paddings by default)... with the idea being you specifically set the padding and margin as you need it (rather than relying on browser defaults - which vary from OS to OS and browser to browser).

This includes "resetting" these ones:
Code: 
<style type="text/css">
form, fieldset[b], body, h1, h2, h3, p[/b] { margin:0; padding:0; }
</style>
I'm sure you'll develop your own style [smile]

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch
[/tt]

What is Javascript? FAQ216-6094
 
Upvote 0 Downvote
You're right Jeff. I just dashed off the easy answer. Lazy of me.

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard. [dragon]
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
648
3esolar
3
PeDa
  • Locked
  • Question
Table not formatted correctly in all browsers 1
Replies
2
Views
164
PeDa
PeDa
ghbeers
  • Locked
  • Question
Viewing form through portal messing up .css formatting
Replies
4
Views
132
ghbeers
ghbeers
Everton1Blue
  • Locked
  • Question
How to display user error in form field
Replies
2
Views
165
Everton1Blue
Everton1Blue
pendle666
  • Locked
  • Question
contact form buttons not right on iPhone 4 HTML/CSS 2
Replies
9
Views
191
pendle666
pendle666

Part and Inventory Search

Sponsor

Back
Top