|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
03.01.2021, 07:15 | #1 |
Пользователь
Регистрация: 03.01.2021
Сообщений: 11
|
Почему не работает CSS свойство order в гридах?
Добрый день уважаемые профессионалы и гости форума!
Я изучаю HTML и CSS и у меня возникла проблема со свойством order в гриде. Суть проблемы такова: я создаю grid в блоке навигации на моей странице в которой находятся: изображение, и три навигационных ссылки (завернуты в список), я через свойство order с индексом 1 хочу переместить в самый низ картинку (ибо остальные элементы должны иметь по умолчанию индекс 0 согласно спецификации), чтобы она была самой последней в сетке, но у меня это не получается. Для примера здесь я приведу упрощенный вариант кода нежели в учебном проекте, но поведение, что в учебном проекте, что в упрощенном, который предоставлю здесь одинаковое(у автора учебного ролика все получается, а у меня с точно таким же кодом ничего не получается) . Помогите пожалуйста понять, что не так я делаю, может я что то упускаю из виду. Перечитал все в справочниках по этому свойству, вроде делаю все так же как в справочниках и примерах, но ничего не выходит. Запускал в разных браузерах, результат одинаковый. Ниже прикрепил скриншот со стрелкой которая указывает на то куда я хочу переместить изображение. Заранее благодарю за помощь! Прошу сильно не ругаться если я пишу какие либо глупости, просто я совсем новичек Код css и html блок <header> один в один как в учебном проекте просто с абстрактным контентом для упрощения. styles.css Код:
Код:
|
03.01.2021, 07:42 | #2 |
Александр
Администратор
Регистрация: 28.10.2006
Сообщений: 17,501
|
Если совсем не работает, то проблемы в подключении стилей
Код:
|
03.01.2021, 07:47 | #3 |
Пользователь
Регистрация: 03.01.2021
Сообщений: 11
|
Alar, Да вряд ли, все остальные стили работают корректно.
|
03.01.2021, 07:53 | #4 |
Пользователь
Регистрация: 03.01.2021
Сообщений: 11
|
Alar, не работает даже если включаю стили непосредственно в код html через тег <style>, но не работает конкретно это, остальные стили отрабатывают так как я хочу.
|
03.01.2021, 08:11 | #5 |
Пользователь
Регистрация: 03.01.2021
Сообщений: 11
|
Так же забыл написать, что в браузере (в инструменте для разработчика) сетка видна,
то есть браузер показывает, что Грид работает, в яндекс браузере даже показывает что order: 1; не перебивается никакими другими свойствами (то есть активен и работает), а вот хром этого не показывает, но то что сетка есть они показывают оба, а вот почему не отрабатывает это свойство я не понимаю... |
03.01.2021, 08:13 | #6 |
Александр
Администратор
Регистрация: 28.10.2006
Сообщений: 17,501
|
Почистить хеш в хроме. посмотреть в другом хроме на крогом компе.
|
03.01.2021, 08:18 | #7 |
Пользователь
Регистрация: 03.01.2021
Сообщений: 11
|
Alar, Тоже об этом подумал. Кэш чистил, везде, на всех браузерах, и в мозиле и в хроме и яндексе и опере, но все равно нет результата.
|
03.01.2021, 10:37 | #8 | ||
Александр
Администратор
Регистрация: 28.10.2006
Сообщений: 17,501
|
В стилях
Цитата:
Цитата:
|
||
03.01.2021, 11:13 | #9 |
Александр
Администратор
Регистрация: 28.10.2006
Сообщений: 17,501
|
На я тебе рабочий пример нашёл
А ещё у меня не работает он в 40 фаерфоксе, а в 84 работает, т.е. в старых браузерах не работает, а значит лучше технологию не юзать. ) https://webformyself.com/sortirovka-...v-grid-layout/ Код:
Код:
|
03.01.2021, 16:35 | #10 |
Пользователь
Регистрация: 03.01.2021
Сообщений: 11
|
Спасибо огромное, проблема как раз была в том что я упустил одну букву в объявлении класса в css, теперь исправил и все корректно работает. Еще раз благодарю и прошу прощения за то что создал лишнюю тему из-за того что проблемой оказалась банальная невнимательность с моей стороны. Прошу сильно не судить. Последний раз редактировалось vv_tomilin; 03.01.2021 в 16:43. |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Почему не применяется свойство CSS в HTML? | King_McDonald | HTML и CSS | 6 | 08.01.2018 13:54 |
[CSS]: Пытаюсь сделать Карусель без JS, но не срабатывает нужное css-свойство. Помогите разобраться. | MeriPoppins | HTML и CSS | 2 | 10.02.2017 22:50 |
Как узнать прописано ли css свойство | byte916 | JavaScript, Ajax | 1 | 23.12.2014 15:27 |
css свойство | ts-alan | HTML и CSS | 2 | 01.07.2013 13:58 |
Почему здесь css не работает? | Иришка753 | Помощь студентам | 1 | 03.04.2010 02:54 |