Фильтр по:
  

Как исправить баг с выпадающим меню категорий

Как сделать...

  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как исправить баг с выпадающим меню категорий (Проблема с выпадающим меню категорий в форме добавления ...)
Как исправить баг с выпадающим меню категорий
Дата: Четверг, 03.02.2011, 12:45 |
SoftF
Лейтенант
Группа: Пользователи
Сообщений: 57
Награды: 0
Репутация: 0
Статус: Offline


 Доступно только для пользователей
На скрине выделил где надо помоь, Доступно только для пользователей
Все так и лезит влево, хотя незнаю float: left игнорирует =\
Помогите как не будь.

Добавлено (03.02.2011, 12:45)
---------------------------------------------
Flesh наверное ты занят..
У меня ещо проблема


При нажатие строку выбора материалов она вылазит непонятно где...баг юкоза? думаю нет, скорее что то в шаблоне, можешь помочь?
Прикрепления: 6088837.png (7.1 Kb) · 6449880.png (82.7 Kb)

Сообщение отредактировал likbezz - Пятница, 04.02.2011, 21:42
 
Дата: Пятница, 04.02.2011, 00:46 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 SoftF,
Quote (SoftF)
На скрине выделил где надо помоь,
Все так и лезит влево, хотя незнаю float: left игнорирует =\

- Видно то видно, но непонятно как должно ыбть... По центру чтоли?

Quote (SoftF)
При нажатие строку выбора материалов она вылазит непонятно где...баг юкоза?

... А-а ... а я смотрю на скрин - никак не въеду.
Да, только не баг, а скорее “недочёт” ... Не учли всех возможных вариантов дизайна, и прописали блок с выбором “кривовато”, скажем так.
Решение есть ... как и всегда. И, также, как и всегда, сугубо индивидуальное.

То бишь - тестовый логин/пароль, с возможностью добавлять материалы.
Либо - сохрани страницу “файл » сохранить как (страница полностью)”, в архив, вместе с файлами, и мне в личку.
...

По другому - могу лишь “примерно” сказать в чём дело, и дать лишь “примерное” решение данной проблемы.

По любому - у тебя какой то блок в дизайне позиционирован relative, то бишь прописано свойство position:relative;, и блок с категориями, что уплывает вправо, считает свои координаты от твоего блока.

Решений несколько.

 
Дата: Пятница, 04.02.2011, 07:55 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 SoftF,
Короче, как я и говорил, решений данной небольшой неприятности несколько. Здесь представлю только два. Пока.
Оба тебе подходят, но отличаются друг от друга.
Первый - чисто на CSS - и менее универсален - то бишь только для тебя, а второй на CSS+JavaScript - более универсален и подходит практически к любому сайту с минимальными, или без онных, изменений.
...
Итак, вариант один. (только css)
Code
<style type="text/css">
/*StartStyleByLikbezz*/
#uCatsMenu7{top:40px!important;left:240px!important;}
/*EndStyleByLikbezz*/
</style>

Где:
#uCatsMenu7 - принудительно устанавливаем положение для выпадающего блока категорий. Определяется опытным путём.

☑ Пример ... ....
...

Вариант номер два. (css + JavaScript)
Стили:

Code
<style type="text/css">
/*StartStyleByLikbezz*/
#uCatsMenu7{top:2px!important;left:-1px!important;}
/*EndStyleByLikbezz*/
</style>

Где:
#uCatsMenu7{} - прописываем стили нужные нам стили для выпадающего блока категорий.

Скрипт:

Quote (JS)
<script type="text/javascript">
$(function(){
/*Start DocumentReady*/
$('#uCatsMenu7').wrap('<div style="position:relative;">'+'</div>');
/*End DocumentReady*/
});
</script>

Где:
$('#uCatsMenu7').wrap(''); - упаковываем блок категорий в относительно позиционированный блок.

☑ Пример ... ...
...
Какой из представленных способов использовать - решать вам.
Мне больше нравится второй.
...

 
Дата: Пятница, 04.02.2011, 08:46 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 SoftF,
Quote (SoftF)
А на счет формы входа то там должно стоять гармонично что ли biggrin
- ну, - это понятие достаточно субъективное. Мне, например, бордеры в инпутах вообще не понравились, и кнопки не видно .......

Так что этот вопрос, наверное, решай сам.
...

Мой вариант:

☑ Живой пример ... (если не удалили)
...

P.S. Стили в исходнике.

Прикрепления: 8811516.png (2.9 Kb) · 4697701.png (1.9 Kb)

 
Дата: Четверг, 16.06.2011, 16:36 |
AmsterdaM
Рядовой
Группа: Пользователи
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


 Добрый день. У меня тот же шаблон, что и у автора темы, но вышепредложенные способы не спасают(

Строчка, в которой записаны злополучные два числа, вот:
<div id="uCatsMenu7" style="position: absolute; z-index: 50; width: 259px; left: 511px; top: 576px; display: none; visibility: hidden; ">

Как изменить uCatsMenu7 или просто убрать эти две характеристики (left: 511px; top: 576px;)?

 
Дата: Четверг, 16.06.2011, 21:36 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 AmsterdaM,
Quote (AmsterdaM)
Как изменить uCatsMenu7 или просто убрать эти две характеристики (left: 511px; top: 576px;)?

Любые значения можно перебить последовательностью селекторов или/и !important.
В данном случае, вот этот код:
Code
#uCatsMenu7{top:2px!important;left:-1px!important;}

перебивает значения left: 511px; top: 576px; на top:2px и left:-1px, соответственно.
...
- Осталось подобрать правильные значения top и left - у каждого дизайна (шаблона) свои.
...

 
Дата: Пятница, 17.06.2011, 09:03 |
AmsterdaM
Рядовой
Группа: Пользователи
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


 Перебивка значений ни к чему не привела( Может быть мешает position:absolute ?

 
Дата: Пятница, 17.06.2011, 11:04 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 AmsterdaM,
Quote (AmsterdaM)
Перебивка значений ни к чему не привела( Может быть мешает position:absolute ?

А к чему должно было привести?
Вопрос стоял:
Quote (AmsterdaM)
Как изменить uCatsMenu7 или просто убрать эти две характеристики (left: 511px; top: 576px;)?

...

...

 
Дата: Пятница, 17.06.2011, 13:16 |
AmsterdaM
Рядовой
Группа: Пользователи
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


 Должно было привести к правильному положению выпадающего меню=)
Да, согласен, вопрос не совсем правильно поставил...
Я извиняюсь, а куда следует вставлять этот код?

 
Дата: Пятница, 17.06.2011, 13:26 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 AmsterdaM,
Quote (AmsterdaM)
Я извиняюсь, а куда следует вставлять этот код?

- В шаблон - «Страница добавления и редактирования материала» )))
.. После <head /> ... Можно после оператора $BODY$ ...
...

 
Дата: Пятница, 17.06.2011, 19:31 |
AmsterdaM
Рядовой
Группа: Пользователи
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


 Я-то как самый умный в стили сую...пробуем-с..))

Добавлено (17.06.2011, 19:31)
---------------------------------------------
Ахаха)) всё-всё) работает) извиняюсь за отнятое попусту время))) Уххху)) Спасибо!)

 
Дата: Пятница, 17.06.2011, 19:56 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 AmsterdaM,
Quote (AmsterdaM)
Ахаха)) всё-всё) работает)

Хорошо, когда всё хорошо ) ...

 
Дата: Среда, 25.07.2012, 14:59 |
AspeeD
Сержант
Группа: Зарегистрированные
Сообщений: 34
Награды: 0
Репутация: 1
Статус: Offline


 Здравствуйте!
Аналогичная проблема. Все варианты дают один результат: выпадающее окно теперь отображается слева от кнопки.
Вот смотрите: (сайт-пробник) http://probniyyaa.ucoz.ru/photo/0-0-0-1
И можно ли как то изменить вид окна? Например в рамку взять... Помогите, пожалуйста.

 
Дата: Среда, 25.07.2012, 15:16 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 AspeeD,
Quote (AspeeD, Ср, 25.07.2012, 14:59:02)
Все варианты дают один результат: выпадающее окно теперь отображается слева от кнопки.

Ага, а у вас в скрипте вот это:
Code
setTimeout(function () {

      $('#uCatsMenu7').css({
   'z-index': '50',

   'margin-right': '-17px',
   'visibility': 'visible',
   'position': 'static',
   'left': '0px',
   'top': '0px'
      });

}, 100);

...

Может сначала уберете свои «корректоры», возможно и мои не понадобятся)

 
Дата: Среда, 25.07.2012, 15:38 |
AspeeD
Сержант
Группа: Зарегистрированные
Сообщений: 34
Награды: 0
Репутация: 1
Статус: Offline


 likbezz, нашел вот:
Code
<script>
   document.getElementById("uCatsMenu7").setAttribute("style","display:none")
</script>

и работает)))
Спасибо и тебе.
А как рамку для "меню" этого сделать или цвет фона изменить?
И еще одно, можно вопрос не по теме?

Добавлено (25.07.2012, 15:38)
---------------------------------------------
После установки скрипта поменялся цвет текста в поле "Краткое описание фотографии:". Посмотри.
Как назад вернуть?

 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как исправить баг с выпадающим меню категорий (Проблема с выпадающим меню категорий в форме добавления ...)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:


Мобильная версия