Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping.

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 3237 Просмотров
*

irc-h

  • Захожу иногда
  • 158
  • 8 / 0
[Решено] IE не применяет :before к button
« : 20.01.2014, 22:07:07 »
Всю голову себе прочесал, но никак не могу понять в чем проблема:
Есть кнопка, которая создана посредством <button></button>, которой в CSS присвоен класс с :before, суть которой заключается в том, что бы  к этой злосчастной кнопке прикрутить картину.
Код
.button.button_cart:before {
		background: #8075aa url(../images/icon_cart.png) no-repeat 7px 1px;		
		content:'';
		width:34px;
		height:30px;
		display:block;
		font-weight:normal;
		position:absolute;
		top:0;
		left:-34px;
		margin:0;
		border-radius:5px 0 0 5px;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-out;}
Так вот в Opera, лисе и Chrome все работает как надо, а ишак (хоть и последней версии) тупо не выводит картинку. Причем, в случае, когда данное правило применяется к <a>, а не к <button>, то все работает как надо, за исключением скриптов, т.к. нужен именно button ;D Так вот вопрос, может можно как то вылечить данную беду?
« Последнее редактирование: 22.01.2014, 00:07:02 от irc-h »
Записан
*

kreker92

  • Захожу иногда
  • 390
  • 18 / 0
Re: IE не применяет :before к button
« Ответ #1 : 21.01.2014, 00:45:03 »
класс присвоить соответствующему элементу
Записан
Все вопросы и предложения на почту.
*

irc-h

  • Захожу иногда
  • 158
  • 8 / 0
Re: IE не применяет :before к button
« Ответ #2 : 21.01.2014, 09:23:07 »
Цитата: kreker92 от 21.01.2014, 00:45:03
класс присвоить соответствующему элементу

 *DRINK* Иногда лучше жевать, чем говорить.
 
Повторюсь: Приведенный код нормально работает в Opera, Firefox, Google Chrome, но IE не выводит картинку. Т.е. IE не применяет псевдоэлемент :before к тегу <button>, к которому присвоен соответствующий класс и проблема в том, что совсем не понимаю почему.
« Последнее редактирование: 21.01.2014, 09:28:10 от irc-h »
Записан
*

kreker92

  • Захожу иногда
  • 390
  • 18 / 0
Re: IE не применяет :before к button
« Ответ #3 : 21.01.2014, 14:55:46 »
....
Присвоить класс элементу, к которому идет обращение через :before и обращаться к этому элементу через класс, а не через before.
Записан
Все вопросы и предложения на почту.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: IE не применяет :before к button
« Ответ #4 : 21.01.2014, 15:02:45 »
Ещё бы ссылку на сайт для наглядности.
Записан
*

irc-h

  • Захожу иногда
  • 158
  • 8 / 0
Re: IE не применяет :before к button
« Ответ #5 : 21.01.2014, 16:17:56 »
Цитата: kreker92 от 21.01.2014, 14:55:46
....
Присвоить класс элементу, к которому идет обращение через :before и обращаться к этому элементу через класс, а не через before.

Я видимо не понимаю чего-то очевидного.... У меня есть кнопка, ей присвоен класс в CSS, который её прорисовывает. Потом посредством :before перед ней стоит картинка корзинки, которая в свою очередь при :hover меняет цвет. Я даже не стал замарачиваться с эффектом нажатия, что бы меньше глючило в IE.
Я просто с трудом себе представляю, как добиться того же результата без применения :before...

Или ты имеешь ввиду тот вариант, когда выводится контент рядом с кнопкой, а уже потом посредством CSS пытается к ней прижаться?

Цитата: Shustry от 21.01.2014, 15:02:45
Ещё бы ссылку на сайт для наглядности.
Честно говоря, совсем не хочется этот капитальный недодел выставлять на всеобщее обозрение )
« Последнее редактирование: 21.01.2014, 16:24:52 от irc-h »
Записан
*

kreker92

  • Захожу иногда
  • 390
  • 18 / 0
Re: IE не применяет :before к button
« Ответ #6 : 21.01.2014, 16:35:21 »
То, что есть:

Код: html4strict
<img src="korzinka.jpg" />
<button class="a" >кнопка</button>

Получается:
Код: css
.a:before { ... }

Я предлагаю:
Код: html4strict
<img class="b" src="korzinka.jpg" />
<button class="a" >кнопка</button>
Код: css
.b { ... }
Записан
Все вопросы и предложения на почту.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: IE не применяет :before к button
« Ответ #7 : 21.01.2014, 16:36:54 »
Цитата: irc-h от 21.01.2014, 16:17:56
Честно говоря, совсем не хочется этот капитальный недодел выставлять на всеобщее обозрение )
Думаю, что не ошибусь, если скажу, что всем пофиг, насколько там додел или недодел. Тут не раздел «зацени мой сайт на Joomla» ^-^ Просто по коду можно будет видло, возможно :before можно заменить на простое что-то.

От <img src="korzinka.jpg" /> надо бы избавицо. Это же не фотка или иллюстрация. Всё оформление в CSS.
Записан
*

irc-h

  • Захожу иногда
  • 158
  • 8 / 0
Re: IE не применяет :before к button
« Ответ #8 : 21.01.2014, 17:01:52 »
http://gloriousaroma.ru/shop/perfume-for-him/black-splash-seduction.html

Обсуждаемая проблема с кнопкой, которая находится в таблице, справа от фотки предполагаемого товара. Если открыть страницу в IE и в другом браузере, то станет понятно о чем я.
P.S.-> Я думал before и есть что-то совсем простое)
« Последнее редактирование: 21.01.2014, 17:08:02 от irc-h »
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: IE не применяет :before к button
« Ответ #9 : 21.01.2014, 18:42:53 »
Попробуйте для button применить overflow:visible
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

kreker92

  • Захожу иногда
  • 390
  • 18 / 0
Re: IE не применяет :before к button
« Ответ #10 : 21.01.2014, 20:59:43 »
Цитата: Shustry от 21.01.2014, 16:36:54
От <img src="korzinka.jpg" /> надо бы избавицо. Это же не фотка или иллюстрация. Всё оформление в CSS.

не в этом же суть
там может быть что угодно
Записан
Все вопросы и предложения на почту.
*

irc-h

  • Захожу иногда
  • 158
  • 8 / 0
Re: IE не применяет :before к button
« Ответ #11 : 21.01.2014, 21:01:31 »
Цитата: Efanych от 21.01.2014, 18:42:53
Попробуйте для button применить overflow:visible
Огромное спасибо! IE наконец-то откликнулся ;D

Проблема для IE действительно решилась добавлением (в моем случае) к классу
Код
button.button_cart{...overflow:visible;...}
« Последнее редактирование: 21.01.2014, 21:12:48 от irc-h »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает transition для определенных элементов

Автор Bozhkov2

 Ответов: 5
Просмотров: 4252 		Последний ответ 12.10.2016, 17:07:41
от Bozhkov2
Как сделать такой заголовок модуля?

Автор Ilhom666

 Ответов: 9
Просмотров: 1872 		Последний ответ 22.03.2016, 11:55:33
от darkghost
Выставить относительно фона пункты меню ?

Автор warlocksp

 Ответов: 6
Просмотров: 1547 		Последний ответ 01.02.2016, 10:58:26
от warlocksp
Вставка шрифта?

Автор warlocksp

 Ответов: 16
Просмотров: 1702 		Последний ответ 18.01.2016, 19:04:11
от warlocksp
Удалить маркеры?

Автор warlocksp

 Ответов: 4
Просмотров: 2287 		Последний ответ 09.01.2016, 17:07:35
от warlocksp