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

Нужна помощь в верстке

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

  1. wild_enot

    wild_enot

    Регистрация:
    15 окт 2017
    Сообщения:
    2
    Симпатии:
    0
    Как сделать, чтобы картинка и текст был в одну линию и при этом при наведении это была одна ссылка, чтобы менялся цвет как у картинки так и у текста одновременно?
    [​IMG]
    это ul c 2-мя li
     
  2. Mahadev96

    Mahadev96

    Регистрация:
    12 авг 2017
    Сообщения:
    111
    Симпатии:
    41
    самое простое
    сделать это все картинкой (точнее двумя) и средствами css менять одну на другую при наведении.
     
  3. wild_enot

    wild_enot

    Регистрация:
    15 окт 2017
    Сообщения:
    2
    Симпатии:
    0
    Картинкой согласен!!! А если текстом и картинкой?
     
  4. Alexono

    Alexono

    Регистрация:
    4 фев 2014
    Сообщения:
    73
    Симпатии:
    20
    зачем Вам чтобы еще и текст был?
     
  5. yaroshaa2

    yaroshaa2

    Регистрация:
    4 дек 2017
    Сообщения:
    4
    Симпатии:
    0
    для li добавь свойство :

    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;

    align-items: flex-end ; /*( или baseline) */


    я бы еще все что внутри li завернул в span с display: inline-block;