Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > html и form

Автор: gepard 4.2.2005, 05:18

Как сделать так чтобы не было зазора между верхней картинкой с элементами <form> и нижней ячейкой таблицы?

В Opera всё отображается нормально, а в Internet Explorer этот дурной зазор.

Код


<HTML>
<HEAD>
	<TITLE>TEST</TITLE>
	<META CHARSET="WINDOWS-1251">
</HEAD>
<BODY LEFTMARGIN=0 TOPMARGIN=0>
<CENTER>
<TABLE WIDTH="100%" CELLPADDING=0 CELLSPACING=0 BORDER=0>
	<TR><TD WIDTH="100%" HEIGHT=4 BGCOLOR="#7C7E7C"></TD></TR>
	<TR><TD WIDTH="100%" HEIGHT=50 ALIGN=CENTER>
  <FORM METHOD=POST ACTION="cgi-bin\search.pl">
  	<IMG SRC="http://forum.vingrad.ru/style_images/1/logo.gif" ALIGN=ABSMIDDLE>
  	Поиск:
    <INPUT TYPE=TEXT>
  	<INPUT TYPE=SUBMIT VALUE="Искать">
  </FORM>
	</TD></TR>
	<TR><TD WIDTH="100%" HEIGHT=4 BGCOLOR="#7C7E7C"></TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>

Автор: Vaulter 4.2.2005, 13:33

Код


<HTML>
<HEAD>
    <TITLE>TEST</TITLE>
    <META CHARSET="WINDOWS-1251">
</HEAD>
<BODY LEFTMARGIN=0 TOPMARGIN=0>
<CENTER>
<TABLE WIDTH="100%" CELLPADDING=0 CELLSPACING=0 BORDER=0>
    <TR><TD WIDTH="100%" HEIGHT=4 BGCOLOR="#7C7E7C"></TD></TR>
    <TR><TD WIDTH="100%" HEIGHT=50 ALIGN=CENTER>
  <FORM style='margin:0' METHOD=POST ACTION="cgi-bin\search.pl">
    <IMG SRC="http://forum.vingrad.ru/style_images/1/logo.gif" ALIGN=ABSMIDDLE>
    Поиск:
    <INPUT TYPE=TEXT>
    <INPUT TYPE=SUBMIT VALUE="Искать">
  </FORM>
    </TD></TR>
    <TR><TD WIDTH="100%" HEIGHT=4 BGCOLOR="#7C7E7C"></TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>

ключевой момент: <FORM style='margin:0'
smile

Автор: GoodBoy 8.2.2005, 15:36

gepard
Ещё можно вот так:

Код


<TABLE WIDTH="100%" CELLPADDING=0 CELLSPACING=0 BORDER=0>
<TR><TD WIDTH="100%" HEIGHT=4 BGCOLOR="#7C7E7C"></TD></TR>
<TR>
 <FORM METHOD=POST ACTION="cgi-bin\search.pl">
<TD WIDTH="100%" HEIGHT=50 ALIGN=CENTER>
  <IMG SRC="http://forum.vingrad.ru/style_images/1/logo.gif" ALIGN=ABSMIDDLE>
  Поиск:
   <INPUT TYPE=TEXT>
  <INPUT TYPE=SUBMIT VALUE="Искать">
 </TD>
 </FORM>
</TR><TR><TD WIDTH="100%" HEIGHT=4 BGCOLOR="#7C7E7C"></TD></TR>
</TABLE>

т.е.
<TR><FORM ...><TD ...> и </TD></FORM></TR>

:-)))))))))

Автор: IZ@TOP 9.2.2005, 10:25

А может просто определить для всех форм в CSS файле сразу то что нужно?

Код

form { margin:0px; }

Добавлено @ 10:26

Цитата(GoodBoy @ 8.2.2005, 16:36)

Я когда -то этим пользовался, но в редакторах это выглядит как ошибка, да и не удобно потом что-то править: можно запутаться. ИМХО.

Автор: GoodBoy 9.2.2005, 12:54

Цитата(IZ @ 9.2.2005, 10:25)

Я когда -то этим пользовался, но в редакторах это выглядит как ошибка

Ну FARу - пофиг... :-)))))))))))))))