Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Глюк хрома?

PHP.SU

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

PHP.SU Портал

Главная

Помощь

Поиск

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

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

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

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

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

Глюк хрома?

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

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

Bio man	Отправлено: 18 Июня, 2013 - 11:40:40
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	Такая ситуация. Вот код Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена <li class="wp-search"> <input class="wp-search-text" type="text" name="search" placeholder="Search"> <input class="wp-search-btn" type="submit" value="Go"> </li> Спойлер (Отобразить) CODE (htmlphp): скопировать код в буфер обмена /* Search styles / .wp-search { background: url(images/search.png) left top no-repeat; padding-left: 30px; } .wp-search:hover { cursor: pointer; background: url(images/search-active.png) left top no-repeat !important; } .wp-search input { display: inline-block; } .wp-search-text { width: 0; border: none; padding: 0; height: 20px; margin-top: 4px; text-indent: 5px; transition: width 1s; } .wp-search:hover .wp-search-text { width: 150px; } .wp-search:hover .wp-search-text:focus { outline: solid 1px #d9d9d9; } .wp-search .wp-search-btn { width: 0; padding: 0; border: none; height: 20px; margin-left: -4px; background: #f9f9f9; transition: 0.5s width; } .wp-search:hover .wp-search-text:focus + .wp-search-btn { width: 50px; } / end Search styles / Во всех браузерах все норм, но в хроме у элемента LI появляется ширина 17px (21px - 4px margin)! И если удалить из кода кнопку то все работает хорошо! В чем может быть проблема? Вот пример http://jsfiddle[dot]net/8yTuN/ (Отредактировано автором: 18 Июня, 2013 - 11:52:03)*

DeepVarvar	Отправлено: 18 Июня, 2013 - 12:21:58
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Так там еще какие-то артефакты. Скачай, глянь. ----- Шта? Репозиторий?

Bio man	Отправлено: 18 Июня, 2013 - 12:26:42
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	да.. но приоритет щас на артефакте в хроме.

Zuldek	Отправлено: 18 Июня, 2013 - 12:29:10
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	background: #444; padding-left: 0px; display:inline; margin: 0; padding: 0; border: 0; padding-left: 1px; padding-top:5px;

DeepVarvar	Отправлено: 18 Июня, 2013 - 12:34:04
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Bio man пишет: да.. но приоритет щас на артефакте в хроме. Извини, ничем помочь не могу. У меня в хромиуме, даже сам jsfiddle не запустился ----- Шта? Репозиторий?

Bio man	Отправлено: 18 Июня, 2013 - 12:46:53
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	Zuldek пишет: background: #444; padding-left: 0px; display:inline; margin: 0; padding: 0; border: 0; padding-left: 1px; padding-top:5px; Я не написал в коде высоту li, но она там есть. Если ставить inline то высота слетает (Добавление) Блин, ну откуда берутся эти лишние пиксели? (Добавление) Вот что обнаружил. Если убрать width: 0 с кнопки то она становится как раз 17px в ширину (21px если убрать отрицательный марджин). (Отредактировано автором: 18 Июня, 2013 - 13:32:22)

Zuldek	Отправлено: 18 Июня, 2013 - 13:30:52
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	при визуализации списков, как inline-block отличии в разных браузерах сложно убирать, потому, имхо, лучше выбрать другой тип визуализации. http://jsfiddle.net/8yTuN/1/ (Отредактировано автором: 18 Июня, 2013 - 13:33:15)

LIME	Отправлено: 18 Июня, 2013 - 13:31:05
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	width: 0; -> display:none; ? (Добавление) Zuldek на это мы пойтить не могём)) это у нас уже как холивар))) (Добавление) http://forum.php.su/topic.php?fo...1&topic=2393

Bio man	Отправлено: 18 Июня, 2013 - 13:37:02
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	display: none ломает анимацию. Zuldek, не в списках дело и не в визуализации. не нужная ширина присутствует в неактивном режиме. то есть по сути width:0 у кнопки в хроме то же самое, что visibility: hidden (Добавление) Ураа! Дело было в font-size! спасибо Lime

LIME	Отправлено: 18 Июня, 2013 - 13:42:56
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	а?шо?где? это инапланетяны... приключения со списками продолжаются))...

DeepVarvar	Отправлено: 18 Июня, 2013 - 13:44:53
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Bio man пишет: Дело было в font-size! спасибо Lime Выложи на фиддл ----- Шта? Репозиторий?

Zuldek	Отправлено: 18 Июня, 2013 - 14:01:19
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	Выложили? Кидаете куски кода потом оказывается есть ещё другие стили, так нельзя (Отредактировано автором: 18 Июня, 2013 - 14:01:37)

Bio man	Отправлено: 18 Июня, 2013 - 14:49:09
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	Что то вроде этого http://jsfiddle[dot]net/Jx5a9/

Zuldek	Отправлено: 18 Июня, 2013 - 15:01:14
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	Chromium 24.0.1312.56 Ubuntu 10.04 анимации нет.

Bio man	Отправлено: 18 Июня, 2013 - 15:16:15
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	потому что transition поддерживается с 25 версии. я не добавлял пока -webkit- приставки (Отредактировано автором: 18 Июня, 2013 - 15:16:28)

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

Страниц (1): [1]

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

« HTML, Дизайн & CSS »

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