Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> чекбокс и отступ 
:(
    Опции темы
R.M.
Дата 23.11.2005, 02:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



Скажите как сделать чтобы от чекбокса небыло отступа вообще? т.е. если он помещён в ячейку таблицы и размер ячейки не задан (в таком случаеш размер ячейки поминимому) от чекбокса небыло никаких отступов. пробывал писать маргины - нидало ничево


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Ciber SLasH
Дата 23.11.2005, 03:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67



Странно, но IE и Opera не хотят удалять margin-ы у checkbox-а.
А вот в Лисе всё прекрасно... smile
PM   Вверх
R.M.
Дата 23.11.2005, 03:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



Ciber SLasH
Да, может есть какиенить другие способы? smile уж очень некрасиво смотрица


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Ciber SLasH
Дата 23.11.2005, 03:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67



Другие способы: конструировать таблицу самому.
Т.е. вывел DIV с бэкграундом в нужном цвете в нужную ширину — это будет за один бордюр таблицы... и так для всей таблицы. Соответственно корректируешь позиции DIV-ов так, чтобы они были в плотную к краям checkbox-а.

Но имхо это изврат...
PM   Вверх
R.M.
Дата 23.11.2005, 10:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



Ciber SLasH

Дело не в том где он находица, а дело в том что отступ есть полюбому


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Ciber SLasH
Дата 23.11.2005, 10:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67



Вот зацени:
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251'>
<meta name="Generator" content='EditPlus 2.12'>
<meta name="Author" content='Ciber SLasH'>
<title>JavaScript :: Самодельный CheckBox</title>
<script type='text/javascript'>
// Rollover images
var chbSelAct = new Image(14, 14);
chbSelAct.src = "checkbox_selected_active.png";
var chbSel = new Image(14, 14);
chbSel.src = "checkbox_selected.png";
var chbUnSelAct = new Image(14, 14);
chbUnSelAct.src = "checkbox_unselected_active.png";
var chbUnSel = new Image(14, 14);
chbUnSel.src = "checkbox_unselected.png";

var rolWidth = chbSel.width;
var rolHeight = chbSel.height;
var chbCount = 0;

/*** Обработчик кликов по CheckBox-ам ***/
function CheckBoxClick(id) {
alert('CheckBox.id:  ' +id+ '\nCheckBox.checked:  ' +document.getElementById(id).checked);
    // Обработка клика от каждого CheckBox-а
/*    switch (id) {
        case "1": alert('checked: 1'); break;
        case "2": alert('checked: 2'); break;
        case "3": alert('checked: 3'); break;
        case "4": alert('checked: 4');
    }*/
}

/*** Создание нового CheckBox-а ***/
function buildInput() {
var Result = document.createElement("IMG");

    Result.id = ++chbCount;
    Result.checked = false;
    Result.width = rolWidth;
    Result.height = rolHeight;
    Result.src = chbUnSel.src;
    Result.onmouseover = function () {
        if (this.src.indexOf(chbSel.src) != -1) this.src = chbSelAct.src;
        else this.src = chbUnSelAct.src;
    }
    Result.onmouseout = function () {
        if (this.src.indexOf(chbSelAct.src) != -1) this.src = chbSel.src;
        else this.src = chbUnSel.src;
    }
    Result.onmousedown = function () {
        if (this.src.indexOf(chbSelAct.src) != -1) this.src = chbUnSelAct.src;
        else this.src = chbSelAct.src;
    }
    Result.onclick = function () {
        this.checked = (this.checked) ? false : true;
        CheckBoxClick(this.id);
    };

return Result;
}

/*** Способ автоматического создания CheckBox-ов ***/
function doBuilds() {
var obj = document.getElementById('TBL');

    for (var i = 0; i < obj.rows.length; i++)
        for (var j = 0; j < obj.rows[i].cells.length; j++)
            obj.rows[i].cells[j].appendChild( buildInput() )
}
</script>
<style type='text/css'>
#TBL, td {border: 3px solid red}
</style>
</head>

<body onLoad='doBuilds()'>
<table id='TBL' cellspacing="0" cellpadding="0">
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
</body>
</html>

картинки в аттаче.

Присоединённый файл ( Кол-во скачиваний: 3 )
Присоединённый файл  img.zip 4,16 Kb
PM   Вверх
Kevin
Дата 24.11.2005, 07:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 32
Регистрация: 20.11.2005

Репутация: нет
Всего: 2



Зачем же такие титанические усилия?:-)
Я бы сделал проще:
Код

<style type="text/css">
#cr-box label {margin-left: -3px}
</style>

<div id="cr-box">
<p><input type="checkbox" name="cb" id="cb" value="1" /><label for="cb">checkbox</label></p>
<p><input type="radio" name="rb" id="rb2" value="2" /><label for="rb2">radio 1</label></p>
<p><input type="radio" name="rb" id="rb3" value="3" /><label for="rb3">radio 2</label></p>
</div>

PM MAIL   Вверх
R.M.
Дата 24.11.2005, 08:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



Kevin

Спасибо


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Ciber SLasH
Дата 24.11.2005, 10:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67



Цитата(Kevin)
Зачем же такие титанические усилия?:-)
Я бы сделал проще:

Ну если то, что ты предложил, это именно то, что хотел автор, то автору нужно чётче описывать проблему !!
Я ведь подумал, что Куксикус-у нужно было сделать так, чтобы если в ячейках находятся только чекбоксы, то никакого отступа быть не должно. Вот я и сделал такой финт, т.к. в глючном IE марджины игнорируются у чекбоксов (их не убрать).
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0444 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.