Помогите с расположением

вопрос

В общем я недавно решил добавить на свой сайт отдельный шаблон для фильмов, сделал категорию, указал шаблон и начал потихоньку пилить его, в общем более ли менее разобрался со всем кроме одного, у меня описание фильма почему то слева от картинки, под картинкой есть пустота которую этот код не хочет занимать, посмотрел в css вроде все нормально, нет ничего такого, в общем вот как все выглядит

Из одного css в другой css я скопировал все нужные элементы, вот код css

Показать / Скрыть текст

.fullstory {overflow:hidden;}
.fullstory-title {color:#182131; font-size:14px; padding:25px 0 15px 10px; text-transform:uppercase;}
.fullstory-posterfull {float:left; overflow:hidden; width:190px;}
.fullstory-posterfull img {max-width:198px; width:188px; border:1px solid #ccc;}
.fullstory-posterfull-info {margin:15px 0 0 10px; line-height:22px; float: right;}
.fullstory-info {float:left; margin:0 0 15px 25px; width:410px;}
.fullstory-info h1 {padding:0 0 5px 9px; font-size:20px; color:#FD821F; letter-spacing:-0.04em; text-transform:uppercase; font-weight:normal;}
.fullstory-info-fields {margin-top:15px;}
.fullstory-info-fields > div {border-bottom:1px solid #ddd; color:#2C2C2C; font-weight:bold; padding:5px 5px 5px 10px; position:relative; width:310px;}
.fullstory-info-fields > div > div {display:block; float:left; width:55px;}
.fullstory-info-fields > div > span {display:inline-block; font-weight:normal; margin-left:20px; width:160px;}
.fullstory-banner {width:670px; padding:10px; margin:5px 0 0 0; position:relative;}
.fullstory-service {overflow:hidden; margin:15px 0 15px 0;}

вот код самого фулстори

Показать / Скрыть текст

<div class="story">
 <div class="full-story">
  <table width="100%" cellspacing="0" padding="0" border="0">
   <tbody><tr>
    <td>
     <div class="post-title">{title}</div>
     <div class="category">
      {link-category}
     </div>
      </td>
   </tr>
   </tbody></table>
     </div>
     <div class="fullstory">
    <div class="fullstory-posterfull">
    
            <div>[full-link]<img src="{image-1}" alt="{title}" />[/full-link]</div>
    </div>
    <div class="fullstory-info">
    
        <div class="fullstory-info-fields">
            <div>
                <div>Жанр:</div><span>[xfvalue_genre]</span>
            </div>
            <div>
                <div>Режиссер:</div><span>[xfvalue_director]</span>
            </div>
            <div>
                <div>Актеры:</div><span>[xfvalue_actors]</span>
            </div>
            <div>
                <div>Сценарий:</div><span>[xfvalue_scenario]</span>
            </div>
            <div>
                <div>Страна:</div><span>[xfvalue_country]</span>
            </div>
            <div>
                <div>Год:</div><span>[xfvalue_year]</span>
            </div>
            <div>
                <div>Длительность:</div><span>[xfvalue_duration]</span>
            </div>
            <div>
                <div>Оценить этот фильм:</div>
                [rating]<span class="fullstory-rating">{rating}</span>[/rating]
            </div>
        </div>
        
        
    </div>
    <div class="fullstory-content">
            <div class="fullstory-title">Описание фильма:</div>
            {full-story}
        </div>
        
</div>

самого класса fullstory-content я в стайл.ксс не обнаружил, в общем подскжаите да помогите дураку

Ответил: Frak

В css:


.fullstory-content {
overflow: hidden;
}

<div class="story">
<div class="full-story">
  <table width="100%" cellspacing="0" padding="0" border="0">
   <tbody><tr>
    <td>
     <div class="post-title">{title}</div>
     <div class="category">
      {link-category}
     </div>
      </td>
   </tr>
   </tbody></table>
     </div>
     <div class="fullstory">
    <div class="fullstory-posterfull">

            <div>[full-link]<img src="{image-1}" alt="{title}" />[/full-link]</div>
    </div>
    <div class="fullstory-info">

        <div class="fullstory-info-fields">
            <div>
                <div>Жанр:</div><span>[xfvalue_genre]</span>
            </div>
            <div>
                <div>Режиссер:</div><span>[xfvalue_director]</span>
            </div>
            <div>
                <div>Актеры:</div><span>[xfvalue_actors]</span>
            </div>

            <div>
                <div>Страна:</div><span>[xfvalue_country]</span>
            </div>
            <div>
                <div>Год:</div><span>[xfvalue_year]</span>
            </div>
            <div>
                <div>Длительность:</div><span>[xfvalue_duration]</span>
            </div>
            <div>
                <div>Качество:</div><span>[xfvalue_quality]</span>
            </div>
            <div>
                <div>Формат:</div><span>[xfvalue_format]</span>
            </div>

        </div>


    </div>
<table width="460" cellspacing="0" padding="0" border="0">
    <tbody><tr>
    <td><div class="fullstory-content"></div></td>
    </tr>
            <tr>
    <td><div class="fullstory-title">Описание фильма:</div></td>
    </tr>
            <tr>
    <td>{full-story}
            </td>
   </tr>
   </tbody></table>
   <br>

<script> window.addEventListener('load', ()=> { $('#category').on('change', function() { var value = $(this).val(); if ($.isArray(value)) { ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 ); } else { ShowOrHideEx("xfield_holder_year", value == 1 || value==2); } }) }); </script> year доп поле . 1 и 2 катег

Fancybox.bind("[data-highslide]", { groupAttr: 'data-highslide', idle:2000, Thumbs: false, caption: (fancybox, slide) => { if( slide.thumbEl && slide.thumbEl.alt ) { return slide.thumbEl.alt } } });

5 комментариев

Юзер

denisman - 2015-06-112 мая 2014 23:06 - #28003

еще хуже стало

Frak - 2015-06-113 мая 2014 11:58 - #28010

давай в лс.

169

Twelvee - 2015-06-113 мая 2014 12:44 - #28011

Если картинка определенной ширины, то поможет margin-left:-111px;
111- ширина картинки
Ну и width тоже никто не отменял :)

Twelvee - 2015-06-113 мая 2014 12:46 - #28012

Так же попробуйте с дивами поэкспериментировать. Иногда бывает просто по размеру не сходятся, и получаются ошибки.
Может и поможет. Даже помогают пустые дивы <div class="leviyklass"></div>

denisman - 2015-06-113 мая 2014 20:16 - #28042

В общем сделал по своему, код конечно уасно кривой, но вроде работает

как нибудь потом попробую сделать все по правильному

Помогите с расположением

Ответил: Frak

5 комментариев

Похожие вопросы

Выравнивание картинки в shortstory.tpl

Выдвигающиеся меню

Как сделать чтобы рамка была только у постера, а не у всех картинок в новости, без дополнительных полей?

Отступ между новостями!

Не подчиняется тултип, помогите.

Размещение доп. полей

Смена тегов h3 без проблем для шаблона реальна?

Как настроить стандартный рейтинг DLE 10.4?

Не работает "тип рейтинга только нравиться", прошу помочь?

Как исправить данную проблему??