<table cellspacing="0" cellpadding="0" border="1">
<<tr><td><input style="padding:0;margin:0;border:0px solid;" type="text" name="username" accesskey="l"></td></tr>
<tr><td><input style="padding:0;margin:0;border:0px solid;" type="text" name="password" accesskey="p"></td></tr>
</table>
Отступы у <input type="text"
Как убрать оступы у элементов input, если они стоят друг под другом?
Пример:
<table cellspacing=0 cellpadding=0 border=0>
<tr><td><input style="padding:0;margin:0;border:1px solid;" type="text" name="username" accesskey="l"></td></tr>
<tr><td><input style="padding:0;margin:0;border:1px solid;" type="text" name="password" accesskey="p"></td></tr>
</table>
Пример:
Цитата:
<table cellspacing=0 cellpadding=0 border=0>
<tr><td><input style="padding:0;margin:0;border:1px solid;" type="text" name="username" accesskey="l"></td></tr>
<tr><td><input style="padding:0;margin:0;border:1px solid;" type="text" name="password" accesskey="p"></td></tr>
</table>
Хочу чтобы вплотную прилегали, а выглядит так:
Цитата:
Originally posted by mike
Как убрать оступы у элементов input, если они стоят друг под другом?
Хочу чтобы вплотную прилегали, а выглядит так:
Как убрать оступы у элементов input, если они стоят друг под другом?
Хочу чтобы вплотную прилегали, а выглядит так:
Код:
чем такой вариант плох?
Цитата:
Originally posted by Greenering
чем такой вариант плох?
Код:
<table cellspacing="0" cellpadding="0" border="1">
<<tr><td><input style="padding:0;margin:0;border:0px solid;" type="text" name="username" accesskey="l"></td></tr>
<tr><td><input style="padding:0;margin:0;border:0px solid;" type="text" name="password" accesskey="p"></td></tr>
</table>
<<tr><td><input style="padding:0;margin:0;border:0px solid;" type="text" name="username" accesskey="l"></td></tr>
<tr><td><input style="padding:0;margin:0;border:0px solid;" type="text" name="password" accesskey="p"></td></tr>
</table>
чем такой вариант плох?
Тем что в FireFox и Mozilla этих отступов нет!!
Цитата:
Originally posted by mike
Тем что в FireFox и Mozilla этих отступов нет!!
Тем что в FireFox и Mozilla этих отступов нет!!
хм.. Лиса моя сказала что есть у нее отступы
Цитата:
Originally posted by mike
Тем что в FireFox и Mozilla этих отступов нет!!
Тем что в FireFox и Mozilla этих отступов нет!!
Ой, не тот код. Вот как надо:
Код:
<table cellspacing="0" cellpadding="0" border="0">
<tr><td><input style="padding:0;margin:0;border:1px solid;" type="text" name="username" accesskey="l"></td></tr>
<tr><td><input style="padding:0;margin:0;border:1px solid;" type="text" name="password" accesskey="p"></td></tr>
</table>
<tr><td><input style="padding:0;margin:0;border:1px solid;" type="text" name="username" accesskey="l"></td></tr>
<tr><td><input style="padding:0;margin:0;border:1px solid;" type="text" name="password" accesskey="p"></td></tr>
</table>
Вот что показывает мой FireFox:
Да мне его никак не убрать. Никаким стилем. Я все умолчания заменил уже.
Цитата:
Originally posted by mike
Да мне его никак не убрать. Никаким стилем. Я все умолчания заменил уже.
Да мне его никак не убрать. Никаким стилем. Я все умолчания заменил уже.
как вариант: внешнюю рамку на таблицу втыкаем, внутрение у ячеек убираем. И все выглядит как будто вплотную
Цитата:
Originally posted by Greenering
как вариант: внешнюю рамку на таблицу втыкаем, внутрение у ячеек убираем. И все выглядит как будто вплотную
как вариант: внешнюю рамку на таблицу втыкаем, внутрение у ячеек убираем. И все выглядит как будто вплотную
Надо то как раз не в плотную. Но не в плотную везде. То есть я хочу поставить margin:2px и чтобы было везде два пиксела, а не в FireFox и Mozilla по два, а в MSIE все четыре.
Кучу таблиц добавлять не хочется.
А чё, так чтоли незьзя?
Код:
<table cellspacing="3" cellpadding="0" border="0">
<tr><td><input style="padding:0;margin:0;border:1px solid;" type="text" name="username" accesskey="l"></td></tr>
<tr><td><input style="padding:0;margin:0;border:1px solid;" type="text" name="password" accesskey="p"></td></tr>
</table>
<tr><td><input style="padding:0;margin:0;border:1px solid;" type="text" name="username" accesskey="l"></td></tr>
<tr><td><input style="padding:0;margin:0;border:1px solid;" type="text" name="password" accesskey="p"></td></tr>
</table>
Цитата:
Originally posted by viTTas
А чё, так чтоли незьзя?
А чё, так чтоли незьзя?
Можно, но в Mozilla отступ будет - 3, а в MSIE - 5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
input {
padding:0;
margin:0;
font-size: 10px;
}
td {
padding: 1;
}
</style>
</head>
<body>
<table height=40 cellspacing=0 cellpadding="0" border="0">
<tr><td><input type="text" name="username" accesskey="l"></td></tr>
<tr><td><input type="text" name="password" accesskey="p"></td></tr>
</table>
</body>
</html>
результат: fa.jpg. убираем font-size для input и получаем: fna.jpg. вывод: шрифты и все что с ними связано важны не меньше всего прочего=)ъ
<html>
<head>
<style>
input {
padding:0;
margin:0;
font-size: 10px;
}
td {
padding: 1;
}
</style>
</head>
<body>
<table height=40 cellspacing=0 cellpadding="0" border="0">
<tr><td><input type="text" name="username" accesskey="l"></td></tr>
<tr><td><input type="text" name="password" accesskey="p"></td></tr>
</table>
</body>
</html>
результат: fa.jpg. убираем font-size для input и получаем: fna.jpg. вывод: шрифты и все что с ними связано важны не меньше всего прочего=)ъ
:roll:
Тьфу ты ё, border забыл указать, хтя не важно. Проверил border:1px solid - всё хакей, никаких неожиданностей.
Поля конечно различаются, по высоте (на пиксель-два), и ширине (что так же поправимо), но отступы идентичны. (fa.jpg)
Тьфу ты ё, border забыл указать, хтя не важно. Проверил border:1px solid - всё хакей, никаких неожиданностей.
Поля конечно различаются, по высоте (на пиксель-два), и ширине (что так же поправимо), но отступы идентичны. (fa.jpg)