table, table *{
margin:0;
padding:0;
line-height:/*тут какое то значение*/
}
table p{
vertical-align:bottom;
}
Высота строки в ячейке с формой
Вот посмотрите:
[HTML]<html>
<body>
<table border="1">
<tr>
<td width=220>
<p><form method="POST" enctype="multipart/form-data" action=#>
<input type=file name=f1 size=17></form></p>
</td>
</tr>
</table>
</body>
</html>[/HTML]
так в IE нормальная высота ячейки, но в Мозилле добавляется отступ перед параграфом. Если убираю параграф, то всё наоборот. Можно ли как то попростому сделать одинаковое отображение везде?
[HTML]<html>
<body>
<table border="1">
<tr>
<td width=220>
<p><form method="POST" enctype="multipart/form-data" action=#>
<input type=file name=f1 size=17></form></p>
</td>
</tr>
</table>
</body>
</html>[/HTML]
так в IE нормальная высота ячейки, но в Мозилле добавляется отступ перед параграфом. Если убираю параграф, то всё наоборот. Можно ли как то попростому сделать одинаковое отображение везде?
Не правильно сказал, не одинаковое, а без отступов, чтобы ячейка была в величину инпута.
Путем подстановки кучи разных вариантов добился нужного результата.
Вот:
[HTML]<table border=1 width="22%" id=table1>
<tr>
<td><form method=POST enctype="multipart/form-data" action=#>
<input type=file name=f1 style="float: left"></form>
</td>
</tr>
</table>[/HTML]
При чем тут стиль float? Бред какой то.:)
Но так отображается правильно везде.
Вот:
[HTML]<table border=1 width="22%" id=table1>
<tr>
<td><form method=POST enctype="multipart/form-data" action=#>
<input type=file name=f1 style="float: left"></form>
</td>
</tr>
</table>[/HTML]
При чем тут стиль float? Бред какой то.:)
Но так отображается правильно везде.
Ну и пропиши нулевые margin и padding.
Т.е., Вы имеете ввиду, дополнительно к float? Одни margin и padding не помогают.
Цитата: Ghirik
так в IE нормальная высота ячейки, но в Мозилле добавляется отступ перед параграфом.
Напоминаю, отступ это расстояние от границы таблицы до p. Ни в IE ни в FF отступа нет. Но в FF есть отступ/поле знизу от p.
Поэтому уточни, что же реально у тебя происходит.
Если бы я понимал, что происходит!...:)
Такой код дает поле под инпутом:
[HTML]<table border=1 width="22%" id=table1>
<tr>
<td>
<form method=POST enctype="multipart/form-data" action=#>
<input type=file name=f1>
</form>
</td>
</tr>
</table>[/HTML]
А такой не дает:
[HTML]<table border=1 width="22%" id=table1>
<tr>
<td>
<form method=POST enctype="multipart/form-data" action=#>
<input type=file name=f1 style="float: left">
</form>
</td>
</tr>
</table>[/HTML]
И спасает только задание float: left или float: right.
margin: 0 и padding: 0 ни какого влияния не оказывают.
Такой код дает поле под инпутом:
[HTML]<table border=1 width="22%" id=table1>
<tr>
<td>
<form method=POST enctype="multipart/form-data" action=#>
<input type=file name=f1>
</form>
</td>
</tr>
</table>[/HTML]
А такой не дает:
[HTML]<table border=1 width="22%" id=table1>
<tr>
<td>
<form method=POST enctype="multipart/form-data" action=#>
<input type=file name=f1 style="float: left">
</form>
</td>
</tr>
</table>[/HTML]
И спасает только задание float: left или float: right.
margin: 0 и padding: 0 ни какого влияния не оказывают.
Цитата: Ghirik
Если бы я понимал, что происходит!...:)
"Это не бага, это фича" (с).
Считай это за особенность отображения страницы браузером.
[html]
<td style="padding:0">
<!-- Тут форма -->
</td>
[/html]
Так не поможет?
<td style="padding:0">
<!-- Тут форма -->
</td>
[/html]
Так не поможет?
Цитата: shaelf
[html]
<td style="padding:0">
<!-- Тут форма -->
</td>
[/html]
Так не поможет?
<td style="padding:0">
<!-- Тут форма -->
</td>
[/html]
Так не поможет?
Вот еще эффектнее:
Код:
Отступ снизу может быть просто из-за высоты строки, строчный элемент input по умолчанию, равняется по середине строки, а блочный-плавающий равняется как надо, хотя... все это догадки, времени нет разбираться досконально ;) .
А не проблема ли это строковых и блочных элементов? А float - преобразовывает.
[HTML]table, table *{
margin:0;
padding:0;
line-height:/*тут какое то значение*/
}
table p{
vertical-align:bottom;
}[/HTML]
Так работает, спасибо. Я стараюсь не использовать форматирующие элементы в тэгах, потому этот вариант очень даже подходит.
Собственно, я не знал как такое vertical-align:bottom записать :confused: :)
margin:0;
padding:0;
line-height:/*тут какое то значение*/
}
table p{
vertical-align:bottom;
}[/HTML]
Так работает, спасибо. Я стараюсь не использовать форматирующие элементы в тэгах, потому этот вариант очень даже подходит.
Собственно, я не знал как такое vertical-align:bottom записать :confused: :)