Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
 Аватар для monax_111
2 / 2 / 0
Регистрация: 06.07.2014
Сообщений: 61

Залипает рамка при растягивании

03.11.2014, 00:57. Показов 595. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
доброво всем)
работаю в google chrom столкнулся с хреновой прорисовкой рамки дива

КАРТИНКА!!!

причем если дивов[value_progect] больше 2х то рамка дергается, при появление инпутов, если больше 3-х, как в данном случае, то не стирается старая часть рамки!

ПРИЧЕМ В IE ВСЕ РАБОТАЕТ ПРАВИЛЬНО!




HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
        <meta charset="utf-8">
        
        <script language="javascript" type="text/javascript" src="/librarys/jquery-1.11.1.js"></script>
            <style type="text/css">
.project{z-index:2;padding:2px;margin-bottom:20px;padding:20px;border-color:SkyBlue; border-style:ridge; border-radius:5px; border-width: 5px;}
.hole{z-index:2;display:inline-block; vertical-align:top;padding:2px; margin-left:20px;margin-bottom:20px; width:250px;border-color:SkyBlue; border-style:ridge; border-radius:5px; border-width: 5px;} 
 
.value_progect{display:none;width:550px}
.name_value_progect {text-align:left;width:400px;display:inline-block;height:22px}
.value_progect input{display:none;width:100px;}
  </style>  
</head>
 
    <body>
        <center class="project"><div class="name_project">Демо Версия 4</div>
            <div class="value_progect">
                <div class="name_value_progect">Q mcr(mT)</div> 
            <input class="mysql" name="Q_mcr" value="1"></div>
            <div class="value_progect">
                <div class="name_value_progect">Q mcr(mT)</div> 
            <input class="mysql" name="Q_mcr" value="1"></div>
            <div class="value_progect">
                <div class="name_value_progect">Q mcr(mT)</div>
            <input class="mysql" name="Q_mcr" value="1"></div>
            <div class="value_progect">
                <div class="name_value_progect">Q mcr(mT)</div> 
            <input class="mysql" name="Q_mcr" value="1"></div>
            <div class="value_progect">
                <div class="name_value_progect">Q mcr(mT)</div> 
            <input class="mysql" name="Q_mcr" value="1"></div>
            <div class="value_progect">
                <div class="name_value_progect">Q mcr(mT)</div> 
            <input class="mysql" name="Q_mcr" value="1"></div>
            <div class="value_progect">
                <div class="name_value_progect">Q mcr(mT)</div>
            <input class="mysql" name="Q_mcr" value="1"></div>
            <div class="value_progect">
                <div class="name_value_progect">Q mcr(mT)</div> 
            <input class="mysql" name="Q_mcr" value="1"></div>
        </center>
        <div class="hole">GREEN-1/23<div class="trap">БВ3-1</div><div class="trap">АВ1-2</div><div class="trap">АЧ3-2</div></div><div class="hole">Ерохинская<div class="trap">АВ2</div><div class="trap">БВ3</div><div class="trap">Pz</div></div><div class="hole">РИФ<div class="trap">AB-1</div><div class="trap">БВ2</div><div class="trap">АЧ3-2</div><div class="trap">ЮВ1</div></div><div class="hole">OPENOIL<div class="trap">AB3-2</div><div class="trap">PZ</div></div></div>
        
        <script type="text/javascript">
            function edit_project(){
                $(".hole:not(.hole:last)").hide("slow")
                $(".hole:last").hide("slow",
                function(){
                    $(".value_progect:not(.value_progect:last)").show("slow")
                    $(".value_progect:last").show(5000,
                    function(){
                        $(".value_progect").find(".mysql").show("slow");
                    })
                });
            }
            
 
            $(document).ready(function () {
                $('.project').click(
                function(){edit_project()}
                );
                
                
                
            })
            
        </script>
    </body>
    </html>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
03.11.2014, 00:57
Ответы с готовыми решениями:

Зеркальное отражение при растягивании
Всем привет. Задам вопрос сразу на примере: Как сделать следующее: растягивать ячеку с4 вниз и получились значения 4;3;2;1 (Смотрите...

Позиция компонентов при растягивании формы
Добрый день! Задача, вероятно, простая, но я еще не могу ее решить сам. Дело в том что при превязке Anchor'ами компонентов формы ко...

При растягивании формы растянуть кнопки
Нужно при растягивании формы растянуть кнопки. По ширине сделал а вот по высоте не могу тк там нужно сдвигать кнопки в низ но как это...

4
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
03.11.2014, 01:16
monax_111, я думаю, что у вас есть какие-то другие стили или не корректная разметка, из-за которых появляется баг. Потому что я не наблюдаю проблемы. Проверил в FF, Chrome, Opera и Safari.
0
 Аватар для monax_111
2 / 2 / 0
Регистрация: 06.07.2014
Сообщений: 61
03.11.2014, 01:34  [ТС]
Цитата Сообщение от Lazy_Den Посмотреть сообщение
я думаю, что у вас есть какие-то другие стили или не корректная разметка, из-за которых появляется баг. Потому что я не наблюдаю проблемы. Проверил в FF, Chrome, Opera и Safari.
https://drive.google.com/file/... sp=sharing
и как же тогда с этим бороться???
комп далеко не дохляк! цп на 12% всего, память еще 2ГБ свободно, диск и прочее вообще <1%
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
03.11.2014, 01:43
monax_111, да при чем тут комп?... Сегодня уже нет сил разбираться, завтра подумаем. А вы бы пока почистили кэш браузера.
0
 Аватар для monax_111
2 / 2 / 0
Регистрация: 06.07.2014
Сообщений: 61
03.11.2014, 05:41  [ТС]
Цитата Сообщение от Lazy_Den Посмотреть сообщение
Сегодня уже нет сил разбираться, завтра подумаем. А вы бы пока почистили кэш браузера.
Почистил, изменений нет(

Добавлено через 3 часа 56 минут
мысли по теме - если убрать все padding и margin, внутренних элементов, а так же padding растягиваемого элемента, то как раз получиться тот размер, на котором прорисовываются эти лишнии лини!!!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
03.11.2014, 05:41
Помогаю со студенческими работами здесь

Растягивание элементов при растягивании формы
Как сделать что-бы при растягивание формы элементы тоже растягивались?

Автоматический ресайз кнопки при растягивании формы
Интересует такой вопрос... Программно добавляю кнопки на панель... Как установить кнопке свойство автоматического растягивания по ширине?...

C++ Qt - QCustomPlot: Увеличение зоны графика при растягивании
Вопрос по работе с библиотекой QCustomPlot: Необходимо чтобы при растягивании графика(виджета) увеличивалась &quot;зона с данными&quot;,...

Растянуть столбцы dbgrid-a при растягивании формы
Есть ли возможность растянуть столбцы dbgrid-a при растягивание формы ? Если есть подскажите пожалуйста как, очень нужно... Код для...

Растягивание изображения при растягивании главного окна.
Хочу написать программу(форму) при растягивании которой будет растягиваться изображение. К примеру имеет оно размеры 300х600, я...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Рецензия / Мнение/ Перевод Сайт называется reddit: The Thinkpad X220 Tablet is the best budget school laptop period. Это. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru