Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.09.2018, 15:04
Аспирант
Отправить личное сообщение для puzjob Посмотреть профиль Найти все сообщения от puzjob
 
Регистрация: 10.09.2015
Сообщений: 34

Помогите пожалуйста со стилями!!!
Всем привет! Столкнулся со следующей проблемой!
у меня на странице есть скрипт, который генерирует код и в нем есть строка
<div dir="ltr" class="wff_widget wff_widget_FW7E01C48B44EFB280 wff_widget_medium">


От этой строки зависит отображение элементов!
Если смотреть сайт в мобильной версии (F12 , crtl+shift+M), то при уменьшении экрана телефона до определенного размера (менее 500px) код автоматически меняется на
<div dir="ltr" class="wff_widget wff_widget_FW7E01C48B44EFB280 wff_widget_small">


А это влечет за собой скрытие элементов, которые мне необходимы!!!
Вопрос в следующем - как можно запретить этому блоку менять свой стиль в зависимости от размеры экрана?
вот сама страничка с блоком - http://score365.ru/111/m/w0.php

сам пробовал - ничего не получатся(
п.с. на странице внизу код, которым я хотел вернуть стили (не судите строго )
Ответить с цитированием
  #2 (permalink)  
Старый 19.09.2018, 17:51
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,106

.wff_widget.wff_widget_small .wff_break_large, .wff_widget.wff_widget_small .wff_break_medium, .wff_widget.wff_widget_small .wff_break_small, .wff_widget.wff_widget_small .wff_show_micro {
    display: block !important;
}
Ответить с цитированием
  #3 (permalink)  
Старый 19.09.2018, 18:59
Аспирант
Отправить личное сообщение для puzjob Посмотреть профиль Найти все сообщения от puzjob
 
Регистрация: 10.09.2015
Сообщений: 34

j0hnik,
спасибо большое!!! ВСе работало, но теперь при уменьшении экрана ломаются какие-то другие стили, и полученный выше блок смещается относительно других объектов!!! Подскажите, пожалуйста, а как сделать что бы вообще все оставалось неизменным? Или какие стили еще надо править? Проверьте пожалуйста, увидите, как данные изменения влияют на сайт, и я уверен, с вашими знаниями легко определите какому блоку надо какие стили задать!! ООООЧень надеюсь на вашу помощь!!!!

Я просто хочу что бы все оставалось неизменным, при уменьшении экрана!!! Помогите, пожалуйста....

Последний раз редактировалось puzjob, 19.09.2018 в 19:02.
Ответить с цитированием
  #4 (permalink)  
Старый 19.09.2018, 21:01
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,106

puzjob,
можно конечно упорно менять wff_widget_small на wff_widget_medium но это плохой костыль

менять стили, не факт что еще что нибудь не отвалится так гиганский файл для такой простой таблицы.

наилучшее решение написать свой css.
Ответить с цитированием
  #5 (permalink)  
Старый 20.09.2018, 21:51
Аспирант
Отправить личное сообщение для puzjob Посмотреть профиль Найти все сообщения от puzjob
 
Регистрация: 10.09.2015
Сообщений: 34

j0hnik,
Спасибо Вам большое!! неимоверно благодарен!!

п.с. нашел необходимы стили и прописал их в ручную с !important
Все сработало!!!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите пожалуйста!!! igrovik Общие вопросы Javascript 40 10.04.2018 13:53
Пожалуйста помогите сделать проверку выполнения vk Dodik Общие вопросы Javascript 3 01.03.2013 14:49
Помогите пожалуйста разобраться со скриптом Shalty Opera, Safari и др. 1 21.01.2013 14:41
Пожалуйста помогите решить задачу на java alex01rus1991 Элементы интерфейса 9 26.11.2012 23:02
Помогите, пожалуйста! rzhsasha Ваши сайты и скрипты 2 20.07.2009 20:07