Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 28.12.2019, 15:34   #1
s88s
Форумчанин
 
Регистрация: 02.01.2014
Сообщений: 369
Вопрос Поменять местами блоки Div

Доброго времени суток!

Помогите решить одну задачу:

Есть таблица построенная из блоков Div

Код:
<div style="display:table;">
    <div style="display:table-row;">
        <div style="display:table-cell;">Название 1</div>
        <div style="display:table-cell;">Название 2</div>  // Тут названия колонок
        <div style="display:table-cell;">Название 3</div>
    </div>
    <div style="display:table-row;">
        <div style="display:table-cell;">Содержимое 1.1</div>
        <div style="display:table-cell;">Содержимое 1.2</div> // Тут содержимое первой строки
        <div style="display:table-cell;">Содержимое 1.3</div>
    </div>
    <div style="display:table-row;">
        <div style="display:table-cell;">Содержимое 2.1</div>
        <div style="display:table-cell;">Содержимое 2.2</div> // Тут содержимое второй строки
        <div style="display:table-cell;">Содержимое 2.3</div>
    </div>
                  ...
   <div style="display:table-row;">
        <div style="display:table-cell;">Содержимое 99.1</div>
        <div style="display:table-cell;">Содержимое 99.2</div> // Тут содержимое 99 строки
        <div style="display:table-cell;">Содержимое 99.3</div>
    </div>
 
</div>
Вопрос с помощью CSS возможно ли поменять местами строки к примеру что бы за место строки 1 была строка 67 а за ней 68 далее к примеру строка 1 и дальше всё по порядку что бы было?
"Я не волшебник, я только учусь"
s88s вне форума Ответить с цитированием
Старый 30.12.2019, 11:18   #2
Лубышев
Участник клуба
 
Аватар для Лубышев
 
Регистрация: 23.07.2007
Сообщений: 1,054
По умолчанию

для изменения порядка элементов на чистом css вам потребуется grid и свойство order в нем:
https://metanit.com/web/html5/13.8.php
Писано по д'Эльфийски
Лубышев вне форума Ответить с цитированием
Старый 31.12.2019, 01:15   #3
s88s
Форумчанин
 
Регистрация: 02.01.2014
Сообщений: 369
По умолчанию

Цитата:
Сообщение от Лубышев Посмотреть сообщение
для изменения порядка элементов на чистом css вам потребуется grid и свойство order в нем:
https://metanit.com/web/html5/13.8.php
Спасибо за ответ.

Вопрос решен.

У меня в таблицу данные выводятся из БД и вывод из таблицы сделал так создал один параметр (назовем его status) и по этому параметру вывожу сначала то что мне надо первым и потом всё остальное
Код:
SELECT * FROM `table` ORDER BY `status`=1, `status`=0'
Только вывод в данном случае выводит status равную нулю и потом только одному ... не понятно (для меня) почему именно так
"Я не волшебник, я только учусь"
s88s вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Поменять местами Dmitriy_Voland Microsoft Office Excel 1 22.08.2012 18:38
Поменять все строки местами inessam Microsoft Office Excel 8 14.04.2011 10:15
поменять местами цифры Максикок Помощь студентам 2 07.10.2010 22:41
поменять местами научите Паскаль, Turbo Pascal, PascalABC.NET 13 08.01.2009 13:43
поменять местами столбцы veter_s_morya SQL, базы данных 4 29.06.2008 13:36