CSS / Django - Показать блок, как будто кнопки присутствуют - PullRequest
0 голосов
/ 11 января 2020

все. В моем django у меня есть 2 варианта:

enter image description here

enter image description here

Я хочу быть список с admin / user всегда справа, как в моем втором jpeg.

HTML:

<body>
            <div class="container2">
                <div class="butts">
                    <form action="{% url 'catalog:redir' %}" method="post">

                        <button class="butt" type="submit">
                            <p>
                                На главную
                            </p>
                        </button>
                    </form>
                    <div>
                        {% if author_list.1 %}
                        <div>
                        <form action="{% url 'catalog:author_delete' author_list.1.id %}" method="post">

                            <button class="butt" type="submit">
                                <p>
                                    Новая раздача
                                </p>
                            </button>
                        </form>
                      </div>  
                    </div>
                </div>
                {% endif %}
                <div class="voted-users">
                    {% if author_list|length == 0 %}
                    <p>Игра не началась</p>
                    {% else %}
                    {% if voted_list %}

                    </ul>
                    {% else %}
                    <p>Непроголосовавшие пользователи</p>
                    <ul>
                        {% for i in user_list %}
                        <p> {{ i }} <p>
                                {% endfor %}
                    </ul>
                    {% endif %}
                    {% endif %}
                </div>
            </div>
        </body>

CSS:

.butts {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}

.butt {
  display: flex;
  align-items: center;
  justify-content: center;
}

.container2 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}

Страница делается с помощью flexbox. Понятия не имею. Похоже, что если мой IF не работает, мой второй div попадает в первый div (проголосовавших пользователей в попу), но в другом случае это не происходит

1 Ответ

0 голосов
/ 11 января 2020

Забыл про закрывающий тег

                    <button class="butt" type="submit">
                        <p>
                            На главную
                        </p>
                    </button>
                </form>
                **</div>**
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...