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

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

Помогите пожалуйста

Тема в разделе "Свободное общение", создана пользователем geony, 26 июн 2016.

26.06.16 в 09:11
26.06.16 в 09:43
7
1.678
0
  1. TopicStarter Overlay
    geony

    geony Бывалый

    Регистрация:
    22 апр 2016
    Сообщения:
    262
    Лучших ответов:
    0
    Рейтинги:
    +43 / 3 / -0
    помогите пожалуйста
    при наведение мышкой на картинке появится кнопка play когда окна на весь экран кнопка стоит в центре
    1.png
    а когда уменьшаю окно кнопка не стоит в центре
    2.png
    вот код помогите пожалуйста исправить это

    .play {
    width: 70px;
    height: 80px;
    position: absolute;
    left: 33%;
    top: 93px;
    z-index: 0;
    padding: 3px 6px;
    color: #fff;
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
    background: url(../dleimages/play.png);
    opacity: 0.9;
    }
     
  2. Rockem

    Rockem Бывалый

    Регистрация:
    30 янв 2016
    Сообщения:
    274
    Лучших ответов:
    0
    Рейтинги:
    +201 / 0 / -0
    Код это хорошо, но лучше все таки на сайт посмотреть.
     
    • Нравится Нравится x 1
  3. Rockem

    Rockem Бывалый

    Регистрация:
    30 янв 2016
    Сообщения:
    274
    Лучших ответов:
    0
    Рейтинги:
    +201 / 0 / -0
    Замени на свой
    Код:
    .short-trailer {
      position: absolute;
      left: 20%;
      top: 15%;
      width: 100%;
      height: 100%;
      color: #0EC3F9;
      line-height: 64px;
      text-align: center;
      font-size: 36px;
      opacity: 0.8;
      z-index: 1;
      margin-top: -40px;
      margin-left: -40px;
      opacity: 0.0;
    }
    
    

    Код:
    .play {
      width: 70px;
      height: 80px;
      position: absolute;
      left: 0;
      right: 0;
      top: 40%;
      z-index: 0;
      color: #fff;
      display: inline-block;
      font-size: 12px;
      background: url(/templates/kinoraftnew/dleimages/play.png) center;
      opacity: 0.9;
      margin: 0 auto;
    }
    
     
    • Нравится Нравится x 2
  4. TopicStarter Overlay
    geony

    geony Бывалый

    Регистрация:
    22 апр 2016
    Сообщения:
    262
    Лучших ответов:
    0
    Рейтинги:
    +43 / 3 / -0
    мне кажется что надо поднять чуть?
    Безымянный.png
    это
    top: 40%; менять на 50% ?
     
  5. TopicStarter Overlay
    geony

    geony Бывалый

    Регистрация:
    22 апр 2016
    Сообщения:
    262
    Лучших ответов:
    0
    Рейтинги:
    +43 / 3 / -0
  6. TopicStarter Overlay
    geony

    geony Бывалый

    Регистрация:
    22 апр 2016
    Сообщения:
    262
    Лучших ответов:
    0
    Рейтинги:
    +43 / 3 / -0
    вроде бы решил спасибо большое @Rockem,
     
  7. BROKER

    Забанен

    Регистрация:
    6 июн 2015
    Сообщения:
    1.564
    Лучших ответов:
    0
    Рейтинги:
    +1.133 / 0 / -0
    Ну кнопка точно не посередине находится, лучше подними конечно что бы нормально все смотрелось.
     
    • Нравится Нравится x 1
  8. TopicStarter Overlay
    geony

    geony Бывалый

    Регистрация:
    22 апр 2016
    Сообщения:
    262
    Лучших ответов:
    0
    Рейтинги:
    +43 / 3 / -0
    так вроде бы нормально
    Безымянный.png
     
Похожие темы
  1. Pyps
    Ответов:
    8
    Просмотров:
    3.195
  2. vulfgar
    Ответов:
    4
    Просмотров:
    2.657
  3. aeneas
    Ответов:
    11
    Просмотров:
    1.511
  4. vulfgar
    Ответов:
    4
    Просмотров:
    3.027
  5. sisi3d
    Ответов:
    6
    Просмотров:
    3.091
Загрузка...
Яндекс.Метрика