как убрать пустое пространнство в таблице ?
между border и imput( флажком)
<tr>
<td style="padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;">
<input type="checkbox" value="" style="margin: 0px 0px 0px 0px;"></td>
</tr>
</table>
Но самое главное, что я посоветую: напиши хотя бы начало input'а на одной строке с тэгами ячейки, т.е.:
<td><input type="checkbox" value=""></td>
на одной строке.
И ещё. Предполагаю, что учавствует в этом деле тэг form....
Чтобы не было непонятных зазоров, рекомендуется ставить <form></form> не над таблицей, а примерно так:
<table>
<form>
<tr>
<td>
</td>
</tr>
</form>
</table>
Немного не логично, но визуально - всё правильно.
Убрать нафиг все padding'и и margin'ы. Во-первых, есть такой браузер тупорылый, Opera называется (любителей прошу не обессудить - сами виноваты). Он вообще не знает, что такое margin. Причём, знает, что такое margin-left. Удивительные люди, эти немцы...
Но самое главное, что я посоветую: напиши хотя бы начало input'а на одной строке с тэгами ячейки, т.е.:
<td><input type="checkbox" value=""></td>
на одной строке.
И ещё. Предполагаю, что учавствует в этом деле тэг form....
Чтобы не было непонятных зазоров, рекомендуется ставить <form></form> не над таблицей, а примерно так:
<table>
<form>
<tr>
<td>
</td>
</tr>
</form>
</table>
Немного не логично, но визуально - всё правильно.
вот сейчас попробовал в IE
<table bgcolor="#0000ff">
<form>
<tr>
<td><input type="checkbox" value=""></td>
</tr>
</form>
</table>
зазор где то 4px
если сделать
<table bgcolor="#0000ff" cellspacing="0" cellpadding="0">
остается 2px
а можно сделать что бы вплотную ?
а можно сделать что бы вплотную ?
Нет. Checkbox - он и в Африках checkbox. Пытайся отрицательными маргинами, но в Опере работать не будет. Рекомендую картиношные контролы.
...Рекомендую картиношные контролы.
картиношные контролы.?
можно немного подробне ?
Удивительные люди, эти немцы...
А помоемому фины...
есть такой браузер тупорылый, Opera называется (любителей прошу не обессудить - сами виноваты). Он вообще не знает, что такое margin. Причём, знает, что такое margin-left.
Уважаемый mfender, если не затруднит, поделитесь источником информации. Или это личные наблюдения?
На самом деле, согласно спецификации CSS 2.1, внутренние элементы таблиц (tr, td, th и прочие) не имеют свойства margin http://www.w3.org/TR/CSS21/tables.html#q7.
У всех прочих элементов это свойство работает во всех современных браузерах, в том числе в FF и Opera.
IE также понимает это свойство, причем начиная с версии 5.5 и для inline элементов: http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/margin.asp.
Чтобы не быть голословным привожу пример, демонстрирующий margin и padding для блоков и таблиц:
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title>Untitled Document</title>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
width: 100%;
}
div#b1 {
width: 400px;
margin: 0 auto;
padding: 0;
color: #fff;
background-color: #00f;
border: solid 3px #f00;
}
div#b2 {
width: auto;
margin: 6px;
padding: 6px;
border: solid 3px #0f0;
color: #fff;
background-color: #c60;
}
table {
margin: 0 auto;
padding: 0;
border-collapse: separate;
border-spacing: 6px;
border: solid 3px #f00;
color: #fff;
background-color: #00f;
}
caption {
color: #000;
background-color: #fff;
}
table#t1 {
border-collapse: collapse;
}
td {
margin: 6px;
padding: 6px;
border: solid 1px #0f0;
color: #fff;
background-color: #c60;
}
</style>
</head>
<body>
<h2>margin и padding в блоках</h2>
<div id="b1">
<div id="b2">
<ul>Красный - граница блока b1Синий - фон блока b1Зеленый - граница блока b2Коричневый - фон блока b2[/list] </div>
</div>
<h2>margin и padding в таблицах</h2>
<table width="400">
<caption>border-collapse: separate; border-spacing: 6px;</caption>
<tr>
<td>1</td><td>2</td>
</tr>
<tr>
<td>1</td><td>2</td>
</tr>
</table>
<table id="t1" width="400">
<caption>border-collapse: collapse;</caption>
<tr>
<td>1</td><td>2</td>
</tr>
<tr>
<td>1</td><td>2</td>
</tr>
</table>
</body>
</html>
Уважаемый mfender, если не затруднит, поделитесь источником информации. Или это личные наблюдения?
На самом деле, согласно спецификации CSS 2.1, внутренние элементы таблиц (tr, td, th и прочие) не имеют свойства margin
Наблюдения мои. Да и пример дивный... Но работает всё не так, как хотелось бы.
А разговор тут ишёл про checkbox, который имеет-таки поля margin.
можно немного подробне ?
Обычно я беру две картинки: чистый квадратик и квадратик с птичкой, олицетворяющие состояние checkbox'а. Просто ставлю ни эту картинку ссылку, по-которой что-то совершаю. Но можно нарисовать это на JavaScript (вообще, сделать компонентик, который будет картинки подгружать, состояние полей изменять, картинки менять в соответствии с состоянием) и использовать его всю оставшуюся жизть.
Наблюдения мои. Да и пример дивный... Но работает всё не так, как хотелось бы.
А разговор тут ишёл про checkbox, который имеет-таки поля margin.
И что, Opera не понимает margin для чекбокса?
Кроме того, Вы говорите, что Opera вообще не знает, что такое margin. Причём, знает, что такое margin-left, и ничем это не подтверждаете.
Неполхо бы проверять свои наблюдения, прежде чем делать заявления в таком тоне.
можно нарисовать это на JavaScript (вообще, сделать компонентик, который будет картинки подгружать, состояние полей изменять, картинки менять в соответствии с состоянием) и использовать его всю оставшуюся жизть.
При таком подходе пользователи без JS не увидят вообще ничего.
2 yuriyb
Можно создать картинку с рамкой нужного размера и цвета, и использовать ее как background элемента, в котором находится чекбокс. При этом чекбокс должен иметь прозрачный фон - background-color: transparent.
как убрать пустое пространнство в таблице ?
между border и imput( флажком)
<tr>
<td style="padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;">
<input type="checkbox" value="" style="margin: 0px 0px 0px 0px;"></td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" style="border: 0;">
<tr>
<td style="padding: 0; margin: 0; width:13px; height: 13px; text-overflow: clip;">
<input type="checkbox" value="" style="margin: -4px 0; padding:0; width:13px;" ></td>
<td style="background-color: red; font: 10px/10px Arial, sans-serif;">text</td>
</tr>
</table>
Проверено в ie6, firefox, opera7.52