1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Вопрос по css

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Kazumi, 30 янв 2015.

  1. Kazumi

    Kazumi

    Регистрация:
    30 мар 2013
    Сообщения:
    104
    Симпатии:
    3
    Собственно, в каталоге товаров нужно сделать так, чтобы при наведении курсора на товар, он не дергался.

    Знаю, что проблема очень просто решается, но я что-то совсем не могу разобраться как, буду благодарен за помощь.
     
  2. sologub

    sologub

    Регистрация:
    11 янв 2015
    Сообщения:
    7
    Симпатии:
    1
    Вскрываешь presset-style-1.css находишь два куска (в районе 650 - 670 строки):
    первый кусок:
    .pre:hover{
    margin-top:-10px;

    -webkit-transform: translateY(-5px) translateZ(0);
    transform: translateY(-5px) translateZ(0);
    cursor:pointer;
    }
    второй кусок:
    .pre:hover, .pre:focus, .pre:active {
    -webkit-transform: translateY(-5px) translateZ(0);
    transform: translateY(-5px) translateZ(0);

    Первый удаляешь весь. Во втором только выделенное жирным шрифтом.
     
  3. Kazumi

    Kazumi

    Регистрация:
    30 мар 2013
    Сообщения:
    104
    Симпатии:
    3
    sologub, а где этот файл находится?
     
  4. Globe-Star

    Globe-Star ...

    Регистрация:
    7 май 2013
    Сообщения:
    421
    Симпатии:
    123
    не слушай етих горе кодеров.
    вместо простого border который у тебя там стоит пропишы outline: 1px solid #bcbcbc;
    и не будет прыгать товар.
     
    ValeriusSoft и v@dim нравится это.
  5. Kazumi

    Kazumi

    Регистрация:
    30 мар 2013
    Сообщения:
    104
    Симпатии:
    3
    Globe-Star, вау, спасибо большое. А как с outline сделать скругление краев? border-radius, как я понял, здесь не прокатит.
     
  6. kaktus12

    kaktus12

    Регистрация:
    11 ноя 2014
    Сообщения:
    5
    Симпатии:
    0
    Kazumi, а вообще все действия при наведении можно править в :hover. Почитай подробней про него