PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

помогите найти ошибку в коде

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (3): « 1 [2] 3 »

Описание: помогите найти ошибку в коде

Поиск в теме | Версия для печати

dcc0	Отправлено: 31 Августа, 2014 - 16:42:56
Участник Покинул форум Сообщений всего: 1043 Дата рег-ции: Июль 2014 Помог: 10 раз(а)	Вероятно, эта статья способна пролить свет на вашу проблему: http://habrahabr[dot]ru/company/odno[dot][dot][dot]iki/blog/158917/ ----- Март 2021. Бросил программирование

vaskevich	Отправлено: 31 Августа, 2014 - 16:50:22
Новичок Покинул форум Сообщений всего: 52 Дата рег-ции: Март 2014 Помог: 0 раз(а)	vaskevich пишет: вы правы в каждом браузере отображает по своему в IE ничего не дрожит но футер получается каким то вытянутым может эту анимацию можно как-то выключить и дрожь пропадет

dcc0	Отправлено: 31 Августа, 2014 - 16:56:21
Участник Покинул форум Сообщений всего: 1043 Дата рег-ции: Июль 2014 Помог: 10 раз(а)	Выдержка из статьи: Цитата: Еще больше приходится страдать, сталкиваясь со специфичными багами, появляющимися из-за столкновения множества факторов, таких как, огромная величина DOM дерева, количество анимируемых блоков на странице, высокая вложенность и множество наслоений блоков друг на друга. Пробуя справляться с такой нагрузкой, браузеры во всю используют свои алгоритмы оптимизации, но, порой, это приводит к необъяснимым багам. Безотносительно вашего конкретного случая, от себя добавлю: отображение любой анимации, видео, (где, есть движение), на дискретной системе совершенно отлично от аналоговой. (Отредактировано автором: 31 Августа, 2014 - 16:57:07) ----- Март 2021. Бросил программирование

vaskevich	Отправлено: 31 Августа, 2014 - 17:00:16
Новичок Покинул форум Сообщений всего: 52 Дата рег-ции: Март 2014 Помог: 0 раз(а)	спасибо за статью но мой уровень знаний css очень низкий чтобы понять ее (Добавление) возьметесь ли вы за решение данной проблемы естественно за вознаграждение

dcc0	Отправлено: 31 Августа, 2014 - 17:35:32
Участник Покинул форум Сообщений всего: 1043 Дата рег-ции: Июль 2014 Помог: 10 раз(а)	Просто нельзя разом взять и переделать стили в css, пострадают другие страницы. Это ж дизайн. Можно изменить стиль в конкретном div только на этой странице. ----- Март 2021. Бросил программирование

vaskevich	Отправлено: 31 Августа, 2014 - 17:40:17
Новичок Покинул форум Сообщений всего: 52 Дата рег-ции: Март 2014 Помог: 0 раз(а)	но в ie ничего не дрожит значит есть простое решение например отключить анимацию или...

dcc0	Отправлено: 31 Августа, 2014 - 18:06:29
Участник Покинул форум Сообщений всего: 1043 Дата рег-ции: Июль 2014 Помог: 10 раз(а)	Т.е. можно вот так сделать: http://fotki[dot]yandex[dot]ru/next/user[dot][dot][dot]0995/view/526745 Изменить стиль в одном блоке на одной странице. Все остальное страницы будут работать также. Да анимация будет отключена. (Отредактировано автором: 31 Августа, 2014 - 18:07:40) ----- Март 2021. Бросил программирование

vaskevich	Отправлено: 31 Августа, 2014 - 18:12:14
Новичок Покинул форум Сообщений всего: 52 Дата рег-ции: Март 2014 Помог: 0 раз(а)	к сожалению это не то что мне нужно

dcc0	Отправлено: 31 Августа, 2014 - 18:29:39
Участник Покинул форум Сообщений всего: 1043 Дата рег-ции: Июль 2014 Помог: 10 раз(а)	Можно сохранить стиль, если вам надо, я условный пример сделал. двигаться на этой странице эти два объекта уже не будут. И страница чуть вытянется, так как надо будет сохранить описание. . (Отредактировано автором: 31 Августа, 2014 - 18:37:12) ----- Март 2021. Бросил программирование

vaskevich	Отправлено: 31 Августа, 2014 - 19:05:49
Новичок Покинул форум Сообщений всего: 52 Дата рег-ции: Март 2014 Помог: 0 раз(а)	я бы хотел добиться отображения во всех браузерах как в ie при наведении на товар он увеличивается и ничего не дрожит и не сьезжает

dcc0	Отправлено: 31 Августа, 2014 - 20:46:51
Участник Покинул форум Сообщений всего: 1043 Дата рег-ции: Июль 2014 Помог: 10 раз(а)	В стилях css уберите в разделе product-grid везде уберите ease-in-out[/b] и все эти 0.5s Во всех строках этого блока. В webkit-transition, в -moz-transition И будет как в IE. P.S. или пришлите файл стилей, отредактирую. (Отредактировано автором: 31 Августа, 2014 - 20:53:46) ----- Март 2021. Бросил программирование

vaskevich	Отправлено: 31 Августа, 2014 - 20:50:21
Новичок Покинул форум Сообщений всего: 52 Дата рег-ции: Март 2014 Помог: 0 раз(а)	спасибо сейчас попробую

dcc0	Отправлено: 31 Августа, 2014 - 20:54:37
Участник Покинул форум Сообщений всего: 1043 Дата рег-ции: Июль 2014 Помог: 10 раз(а)	P.S. или пришлите файл стилей через личку, отредактирую. (Добавление) Короче, можете скопировать блок. Копию не забудьте сделать исходника, вдруг захотите вернуть: Спойлер (Отобразить) CODE (htmlphp): скопировать код в буфер обмена .product-grid {margin:0 -8px} .product-grid > div {font-family:'Cuprum', Arial, Helvetica, sans-serif;font-size: 13px;width: 200px;display: inline-block;vertical-align: top;margin:10px 11px;padding: 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-khtml-border-radius: 15px;border-radius: 15px;border: 2px #eee solid;background: #FFFFFF url(../image/div-cat-back.png) bottom left repeat-x; -webkit-transition: all ;-moz-transition: all ;-o-transition: all ;-ms-transition: all ;transition: all ;position:relative;behavior: url('/catalog/view/javascript/PIE.php');} .product-grid > div:hover {border: 2px #222 solid;margin-top:-49px;z-index:99999} #column-left + #column-right + #content .product-grid > div {width: 125px;} .product-grid .image {display: block;margin-bottom: 0px;width:200px;height:200px} .product-grid .image img {position:absolute;} .product-grid .name a {height:35px;overflow:hidden;font-size: 13px;} .product-grid .name a {color: #232323;font-weight: bold;text-decoration: none;display: block;margin: 4px 0 0 0;text-align:center} .product-grid .description {height:0px;background:#222;color:#fff;margin:0 -10px;overflow:hidden;padding:0 7px;opacity:0; -webkit-transition: all ;-moz-transition: all ;-o-transition: all ;-ms-transition: all ;transition: all;} .product-grid > div:hover .description {height:45px;opacity:1;padding:7px 7px;} .product-grid .description .hover-info {display: none;} .product-grid .rating {display: block;position:absolute;top:180px;left:67px} .product-grid .price {display: block;font-weight: bold;color: #82aa00;margin:4px 0 9px 0;font-size: 15px;text-align:center} .product-grid .price-old {color: #F00;text-decoration: line-through;} .product-grid .price-new {font-weight: bold;} .product-grid .price .price-tax {display: none;} .product-grid .cart {float:left;position:relative;bottom:3px;} .product-grid .cart input {padding:0 35px;} .product-grid .cart input:hover {} .product-grid .wishlist, .product-grid .compare {margin-left: 10px;height:30px;float:left;width:30px;bottom:3px;} .product-grid .wishlist a {color: #333333;text-decoration: none;display:block;height:30px;width:30px;background: url('../image/ico-wishlist.png') 6px 5px no-repeat;} .product-grid .compare a {color: #333333;text-decoration: none;display:block;height:30px;width:30px;background: url('../image/ico-compare.png' (Отредактировано автором: 31 Августа, 2014 - 21:07:53) ----- Март 2021. Бросил программирование

vaskevich	Отправлено: 31 Августа, 2014 - 21:01:02
Новичок Покинул форум Сообщений всего: 52 Дата рег-ции: Март 2014 Помог: 0 раз(а)	вот файл стилей Скачать файл: stylesheet.css Скачан раз: 40

dcc0	Отправлено: 31 Августа, 2014 - 21:06:57
Участник Покинул форум Сообщений всего: 1043 Дата рег-ции: Июль 2014 Помог: 10 раз(а)	Заменил файл. Случайно срезал лишнего. Вот теперь правильно. Скачать файл: stylesheet(2).zip Скачан раз: 43 (Отредактировано автором: 31 Августа, 2014 - 21:21:14) ----- Март 2021. Бросил программирование

Поиск в теме | Версия для печати

Страниц (3): « 1 [2] 3 »

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.