Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

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

Вопрос? Съехала кликабельность кнопки

Тема в разделе "Вопросы- ответы", создана пользователем Alaster, 25 авг 2018.

25.08.18 в 16:47
25.08.18 в 19:09
11
344
0
  1. TopicStarter Overlay
    Alaster

    Alaster Бывалый

    Регистрация:
    4 янв 2016
    Сообщения:
    385
    Лучших ответов:
    1
    Рейтинги:
    +33 / 0 / -0
    Вообщем когда вытащил форму поиска на верх,и вроде бы все как нужно выглядит, но теперь кнопочка в Панель нажимается криво и реагирует чуть выше чем нужно. На скриншоте показал где она срабатывает. upload_2018-8-25_22-47-26.png Как фиксануть подскажите
     
  2. Defoz

    PRO Users

    Регистрация:
    10 апр 2016
    Сообщения:
    1.841
    Лучших ответов:
    4
    Рейтинги:
    +257 / 56 / -0
    Alaster берешь и правишь css.... вот как фиксануть
     
  3. TopicStarter Overlay
    Alaster

    Alaster Бывалый

    Регистрация:
    4 янв 2016
    Сообщения:
    385
    Лучших ответов:
    1
    Рейтинги:
    +33 / 0 / -0
    Гениально,я как бы понял что в стилях, но я не очень хорошо в них шарю.
     
  4. Defoz

    PRO Users

    Регистрация:
    10 апр 2016
    Сообщения:
    1.841
    Лучших ответов:
    4
    Рейтинги:
    +257 / 56 / -0
    Alaster ну так а как тебе помогут по картинке?
     
  5. byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.204 / 74 / -0
    видя картинку только никто ничего не подскажет, чтобы найти фикс в данном случае - нужно видеть сам сайт чтобы в консоли подправить стили так как нужно.
     
  6. TopicStarter Overlay
    Alaster

    Alaster Бывалый

    Регистрация:
    4 янв 2016
    Сообщения:
    385
    Лучших ответов:
    1
    Рейтинги:
    +33 / 0 / -0
  7. byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.204 / 74 / -0
    Alaster у меня вообще пункт авторизации стоит по коду выше и не на уровне меню верхнего, как это выглядит в реале:
    2018-08-25_22-27-54.png
    так же у меня не активна кнопка авторизации, она скорее всего находится где-то позади формы поиска или какого-то другого блока div, который перекрывает его!
     
    • Нравится Нравится x 1
  8. Defoz

    PRO Users

    Регистрация:
    10 апр 2016
    Сообщения:
    1.841
    Лучших ответов:
    4
    Рейтинги:
    +257 / 56 / -0
    Alaster не кликабельный пункт меню..
     
  9. Анна

    PRO Users

    Регистрация:
    10 дек 2015
    Сообщения:
    1.041
    Лучших ответов:
    5
    Рейтинги:
    +493 / 14 / -0
    Попробуй не css править, а сам шаблон. Я бы структуру немного поменяла, а потом уже css подогнать
     
  10. v1rn

    Команда форума VIP Кинотрафик v2

    Регистрация:
    19 авг 2016
    Сообщения:
    42
    Лучших ответов:
    0
    Рейтинги:
    +4 / 1 / -0
    .head-two надо ширину уменьшить, можешь width: 80%; добавить и все норм будет.
     
    • Нравится Нравится x 1
    • Согласен Согласен x 1
  11. TopicStarter Overlay
    Alaster

    Alaster Бывалый

    Регистрация:
    4 янв 2016
    Сообщения:
    385
    Лучших ответов:
    1
    Рейтинги:
    +33 / 0 / -0
    Анна
    По поводу css я его не трогал, только в файлах шаба вытащил поиск ну и растянул немного.
    byroot Defoz
    Вот код в мейне
    Код:
    <header class="head-wr">
            <div class="head center clearfix">
                <div class="head-one" id="head-one">
                    <a href="/" class="logotype" title="На главную"></a>
                            <form id="quicksearch" method="post">
                                    <input type="hidden" name="do" value="search" />
                                    <input type="hidden" name="subaction" value="search" />
                                    <div class="search-box">
                                        <input id="story" name="story" placeholder="Поиск..." type="text" />
                                        <button type="submit" title="Найти">Найти</button>
                                    </div>
                                </form>   
                                 <div class="action-btns"> 
                                <div class="log-btn icon-left" id="loginbtn">
                            [group=5]<span class="fa fa-sign-in"></span><span>Авторизация</span>[/group]
                            [not-group=5]<span class="fa fa-bars"></span><span>Управление</span>[/not-group]
                        </div>
                    </div>
                </div>
                <nav class="head-two">
                    {include file="main-menu.tpl"}       
                </nav>
            </div>           
        </header>
    А вот Оригинал который был
    Код:
        <header class="head-wr">
            <div class="head center clearfix">
                <div class="head-one" id="head-one">
                    <a href="/" class="logotype" title="На главную"></a>
                    <ul class="head-menu clearfix" id="head-menu">
                            <li><a href="#">Главная</a></li>
                            <li><a href="#">Ссылка</a></li>
                            <li><a href="#">Ссылка</a></li>
                            <li><a href="#">Ссылка</a></li>
                    </ul>
                    <div class="action-btns">
                        <div class="search-btn" id="searchbtn"><span class="fa fa-search"></span></div>
                        <div class="log-btn icon-left" id="loginbtn">
                            [group=5]<span class="fa fa-sign-in"></span><span>Авторизация</span>[/group]
                            [not-group=5]<span class="fa fa-bars"></span><span>Управление</span>[/not-group]
                        </div>
                    </div>
                </div>
                <nav class="head-two">
                    {include file="main-menu.tpl"}       
                </nav>
            </div>
                <div class="search-wrap" id="search-wrap">
                                <form id="quicksearch" method="post">
                                    <input type="hidden" name="do" value="search" />
                                    <input type="hidden" name="subaction" value="search" />
                                    <div class="search-box">
                                        <input id="story" name="story" placeholder="Поиск..." type="text" />
                                        <button type="submit" title="Найти">Найти</button>
                                    </div>
                                </form>
                </div>
        </header>
     
  12. TopicStarter Overlay
    Alaster

    Alaster Бывалый

    Регистрация:
    4 янв 2016
    Сообщения:
    385
    Лучших ответов:
    1
    Рейтинги:
    +33 / 0 / -0
    И так, всем спасибо, кажется исправил, надо было к стилю .search-box добавить float-left чтобы кнопка авторизации встала куда нужно.. upload_2018-8-26_1-10-18.png
     
Похожие темы
  1. nylmen
    Ответов:
    22
    Просмотров:
    1.350
  2. ExScorpio
    Ответов:
    5
    Просмотров:
    1.091
  3. Snabs
    Ответов:
    6
    Просмотров:
    1.285
Загрузка...
Яндекс.Метрика