Разместите свой проект бесплатно и начните получать предложения от фрилансеров-исполнителей уже спустя минуты после публикации!
100 ₽

Нужен простой совет по HTML

закрыт без выполнения



0
голос «против»избранное


Ребят, есть такая задача: На моем сайте с ДЕСКТОП версии есть блоки со списками:

<div class="let-column" style="width: 49%; float: left">
<ul>
<li>Таб_1</li>
<li>Таб_2</li>
<li>Таб_3</li>
</ul>
</div>

<div class="right-column" style="width: 49%; float: left">
<ul>
<li>Тело_1</li>
<li>Тело_2</li>
<li>Тело_3</li>
</ul>
</div>

Что дает мне некую природу ТАБОВ в 2 колонки.

Требуется на МОБИЛЬНОЙ версии сайта сделать так, чтобы ТЕ ЖЕ блоки располагались вот так

<div class="let-column" style="width: 49%; float: left">
<ul>
<li>Таб_1</li>
<li>Тело_1</li>
<li>Таб_2</li>
<li>Тело_2</li>
<li>Таб_3</li>
<li>Тело_3</li>
</ul>
</div>

<div class="right-column" style="width: 49%; float: left; display: none">
<ul>
</ul>
</div>

Сделать ставку!

Заказчик не желает делать предоплату? Предложите оплату через Сейф, чтобы избежать возможного мошенничества.

  1. 1 день100 ₴
    Виталий Слободянюк
     356 

    Сделаю быстро качественно и не дорого. Пишите Александр)
    Сделаю быстро качественно и не дорого. Пишите Александр)
    Сделаю быстро качественно и не дорого. Пишите Александр)

    Украина Винница | 4 августа 2018 |
  2. 1 день100 ₽
    Виталий Басюк
     427   6   1   2

    Я так понимаю разница между ними только в том что правый блок скрыт?
    С помощью медиа запросов скрываете нужный блок и все

    Украина Киев | 4 августа 2018 |
  3. 1 день100 ₴
    Олег Кича
     396   10   0

    ти хочеш через JavaScript или через медиазапроси какая задача стоит?

    Украина Киев | 4 августа 2018 |
  4. 1 день300 ₽
    Марат Багаутдинов
     207   1   0

    Это не очень сложно решить. Покажу и объясню. Обращайтесь. Цена: 1 отзыв

    Россия Волгоград | 4 августа 2018 |
  5. 1 день100 ₽
    Вячеслав Кар
     481   23   1   4

    Здравствуйте, помогу вам сейчас.
    Большой опыт в веб разработке, отлично знаю HTML&CSS
    Мой скайп - vyacheslav03kar06
    100р

    Россия Белгород | 4 августа 2018 |
  6. 1 день100 ₴
    Назар Колцун
     449  проверен   5   0

    У тебя два списка а на мобильной версии нужен один. Сделай все одним списком, сделай раскладку с помощью флексов а не флоат. Порядок элементов будешь менять с помощью свойства order.

    Могу подробнее объяснить, за положительный отзыв.

    Украина Тернополь | 4 августа 2018 |
  7. 1 день100 ₴
    Кирил Касперский
     87 

    Могу подсказать как сделать, обращайтесь, отзыв потом только оставите)

    Россия Москва | 4 августа 2018 |
  1. ставка отозвана

Заказчик
Александр Щербаков
Россия Россия  8   0
Проект опубликован
4 августа 2018
316 просмотров
Способы оплаты
Метки