Как убрать отступы вокруг формы?

🕛 19.01.2009, 19:24

При добавлении формы через тег <FORM> вокруг нее сверху и снизу автоматически добавляются отступы. Чтобы их убрать, используйте стилевой атрибут margin с нулевым значением, добавляя его к селектору FORM, как показано в примере 1.

Пример 1. Нулевые отступы вокруг формы

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Отступы вокруг формы</title> <style type="text/css"> FORM { margin: 0; /* Убираем отступы */ } </style> </head> <body> <hr> <form action="handler.php"> <p>...</p> </form> <hr> </body>
</html>

Отступы заметны в тех случаях, когда форма располагается внутри других элементов страницы и влияет на их положение.