Почему закрывающий тег div не работает, где бы я его ни поместил? - PullRequest
0 голосов
/ 19 июня 2020

Мне кажется немного глупым публиковать это, так как я немного работал над этим кодом и сталкивался с этой проблемой раньше, но, пытаясь очистить этот проект, я удалил / потерял что-то и теперь мой макет блога не будет вести себя так, как я хочу. У меня есть два div, один из которых действует как основной контейнер, а другой внутри этого div для фактических записей в блоге. Я почти уверен, что это отсутствующий тег, но независимо от того, где я помещаю закрывающий тег, он не выглядит так, как изначально, поэтому теперь я не совсем уверен. Самое близкое, что я получаю, почти в конечном итоге выглядит нормально, но встроенный медиа-контент и теги не отображаются. Вот моя html разметка; Я не могу понять этого хоть убей. Заранее спасибо.

<!-- MAIN BLOG CONTAINER -->
<div class="pc">
{block:Posts}

            <!-- POSTNOTES -->
            <div class="pnc">
            {block:Date}
            <a href="{Permalink}">{DayOfMonth} {ShortMonth} {ShortYear}</a>&nbsp;&nbsp;
            {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}&nbsp;
            {block:RebloggedFrom}
            <a href="{ReblogParentURL}" ="{ReblogParentName}"></a>
            <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
            {/block:RebloggedFrom}
            {/block:Date}
            </div>
            <!-- END OF POSTNOTES -->

            <!-- PERMALINK -->
            {block:PermalinkPage}
            {block:PostNotes}{PostNotes}{/block:PostNotes}
            {/block:PermalinkPage}
            <!-- END OF PERMALINK -->

            <!-- POST TITLE CONTAINER -->
            {block:Title}
            <div class="ptc">
                <div class="pt">{Title}</div>
            </div>
            {/block:Title}
            <!-- END OF POST TITLE CONTAINER -->

            <!-- INSIDE OF POSTS -->
            <div class="posts">
            {block:Text}
            {Body}
            {/block:Text}
            </div>

                <!-- PHOTOS -->
                <!-- SINGLE PHOTO -->
                {block:Photo}
                <center>
                <div style="margin-top:10px"></div>
                <img src="{PhotoURL-250}" alt="{PhotoAlt}">
                </center>
                {block:Caption}{Caption}{/block:Caption}{
                /block:Photo}
                <!-- END OF SINGLE PHOTO -->

                <!-- PHOTOSET -->
                {block:Photoset}
                <div style="margin-top:10px"></div>
                <center>{Photoset-250}</center>
                {block:Caption}{Caption}{/block:Caption}
                {/block:Photoset}
                <!-- END OF PHOTOSET -->

                <!-- PANAROMA -->
                {block:Panorama}
                {LinkOpenTag}
                <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
                {LinkCloseTag}
                {block:Caption}{Caption}{/block:Caption}
                {/block:Panorama}
                <!-- END OF PANAROMA -->

                <!-- ASKS -->
                {block:Answer}
                <img src="{AskerPortraitURL-64}">
                {Asker}:
                {Question}
                {Answer}
                {/block:Answer}
                <!-- END OF ASKS -->

                <!-- VIDEOS -->
                {block:Video}
                <center>
                <div style="margin-top:10px"></div>
                {Video-250}
                </center>
                {block:Caption}{Caption}{/block:Caption}
                {/block:Video}
                <!-- END OF VIDEOS -->

                <!-- QUOTES -->
                {block:Quote}
                {Quote}
                {block:Source}
                <div class="source">{Source}</div>
                {/block:Source}
                {/block:Quote}
                <!-- END OF QUOTES --> 

                <!-- LINKS -->
                {block:Link}
                <a href="{URL}" {Target}>{Name}</a>
                {block:Description}{Description}{/block:Description}
                {/block:Link}
                <!-- LINKS -->

                <!-- CHAT -->
                {block:Chat}
                {block:Title}{Title}{/block:Title}
                {block:Lines}
                {block:Label}{Label}{/block:Label}
                {Line}
                {/block:Lines}
                {/block:Chat}
                <!-- END OF CHAT -->

                <!-- AUDIO -->
                {block:Audio}
                <div style="margin-top:10px;"></div>
                <center>
                {AudioPlayerWhite}
                {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
                <p>{block:TrackName}{TrackName}{/block:TrackName}</br>
                {block:Artist} {Artist}{/block:Artist}</br>
                </center>
                {block:Caption}{Caption}{/block:Caption}
                {/block:Audio}
                <!-- END OF AUDIO -->
                </div>

                <!-- TAGS -->
                <div class="tc">
                    <div class="tags">
                    {block:Tags}
                    <a href="{TagURL}" id="{Tag}">*&nbsp;{Tag}</a>
                    {/block:Tags}
                    </div>
                </div>
                <!-- END OF TAGS -->

    {/block:Posts}
    </div>
    <!-- END OF MAIN BLOG CONTAINER -->

    </body>
    </html>

1 Ответ

0 голосов
/ 19 июня 2020

ОБНОВЛЕНИЕ Прикинул столько же; это была открытая скоба от одного из блоков. Я случайно сделал отступ, таким образом создав открытое пространство, и испортил весь макет:

        <!-- PHOTOS -->
        <!-- SINGLE PHOTO -->
        {block:Photo}
        <center>
        <div style="margin-top:10px"></div>
        <img src="{PhotoURL-250}" alt="{PhotoAlt}">
        </center>
        {block:Caption}{Caption}{/block:Caption}{
        /block:Photo}
        <!-- END OF SINGLE PHOTO -->
...