Templavoila: раздел и контейнер удаляют мои div

Я хочу отобразить FCE, и моя структура выглядит следующим образом:

| ROOT (div INNER)
 --|EL
 --|SC (div INNER)
 ----|CO (div OUTER)
 ------|EL (div INNER)
 ------|EL (div INNER)
 ------|EL (div INNER)

Проблема № 1:

Если я сопоставлю контейнер с OUTER или INNER в моем элементе section, то ничего не изменится. Я всегда получаю <div> в интерфейсе. Если я сопоставлю это на <div class="item"> этот div исчезает в интерфейсе. Поэтому я добавил дополнительные div сохранить <div class="item"> в интерфейсе вывода.

<div> <!--root -->
   <div class="wrapper">
       <h1>heading</h1> <!--element before section -->
       <div class="another-wrapper-element"> <!-- section -->
          <div> <!-- container: additional element **(problem no. 1)** -->
              <div class="item">
                  <div class="heading"> <!-- element 1 -->
                  <div class="description"> <!-- element 2 -->
          </div>
          <div class="clearer"></div> <!-- **problem no.2** -->

Проблема № 2:

Все элементы в разделе ниже контейнера исчезают в интерфейсе. В этом случае <div class="clearer"></div> пропал, отсутствует.

Что я могу сделать против исчезновения div в интерфейсе? Как мне правильно сопоставить их?

Полный HTML-код:

<!doctype html>
<!-- FCE Team Container -->
<div>
    <div class="team-container-wrapper">
        <h2>Heading</h2>
        <div class="team-container">
            <div>
                <div class="team-member">
                    <div class="team-member-left">
                        <img src="img/some-picture.jpg" width="158" height="218" alt="" />
                    </div>
                    <div class="team-member-right">
                        <div class="team-member-name">some name</div>
                        <div class="team-member-tel">T: <span class="team-member-tel-content">012323445</span></div>
                        <div class="team-member-mobile">M: <span class="team-member-mobile-content">1232143241</span></div>
                        <div class="team-member-email">E: <span class="team-member-email-content"><a href="mailto:email@world.com">email@world.com</a></span></div>
                        <div class="team-member-history">
                            <p>
                                Some text:<br />
                                <span class="team-member-history-content">info</span>
                            </p>
                        </div>
                    </div>
                    <div class="clearer"></div>
                </div>
                <div class="clearer"></div>
                <div class="team-container-bottom"><img src="img/team-container-bottom.png" width="50" height="9" alt="" /></div>
            </div>
        </div>
    </div>
</div>
Источник

1 ответ

У меня никогда не было проблемы с сокрытием div в templavoila. Вот несколько советов и подсказок.INNER означает, что тег, который вы отображаете, останется нетронутым и будет заменен только контент. OUTER означает, что сам тег тоже будет удален и не будет отображаться в выходных данных. Обратите внимание, что корневой элемент обрабатывается другим способом. OUTER означает, что элемент будет отображен, а INNER означает, что элемент будет удален.

В вашем случае вам нужно два FCE, чтобы получить это. Один содержит контейнер, в котором хранятся все элементы, а другой - элемент.

Первый FCE:

  • корневой элемент является первым <div class="team-container-wrapper"> сопоставлены с OUTER потому что вы хотите этот элемент в интерфейсе
  • создать заголовок узла и отобразить H2
  • создайте узел "Контейнер для составных элементов" и отобразите на <div class="team-container"> режим INNER потому что вы хотите тег в выводе

Второй FCE:

  • корневой элемент <div class="team-member"> Режим OUTER
  • добавить узлы для имени, тел. мобильный, электронная почта и т. д. и сопоставление с тем же div, INNER
Источник
Другие вопросы по тегам