Как сделать текст на ровне с картинкой?

Искал инфу , менял код, но чет не хочет. Может вы подскажите?

 

попробуй fload:left; картинке пропиши, вроде должно сработать

 

@aeneas, float:left

 

спасибо, сейчас попробую

 

Вообщем, у меня так и не получилось сделать. К картинке прописывал, но эффекта ноль. Вот fullstory

PHP:

<div class="kino-item ignore-select" id="kino-page" data-bg="[xfvalue_wallpaper]">

    <div class="kino-title-full">
        <h1 class="kino-h">{title}</h1>
        <img src="[xfvalue_poster_film]" width="203" height="301" alt="{title}">
        <div class="kino-info">
            [group=5]<div class="k-fav fav-guest" data-label="Для добавления в закладки необходима регистрация"><i class="fa fa-star-o"></i></div>[/group]
            [not-group=5]
            [add-favorites]<div class="k-fav" title="Добавить в закладки"><i class="fa fa-star-o"></i></div>[/add-favorites]
            [del-favorites]<div class="k-fav k-fav-added" title="Убрать из закладок"><i class="fa fa-star"></i></div>[/del-favorites]
            [/not-group]
        </div>
        [not-group=5]<div class="k-edit">[edit]<i class="fa fa-cog"></i>[/edit]</div>[/not-group]
    </div>
 
    <div class="kino-inner-full clearfix">
     
        <div class="kino-text">
            <div class="kino-desc full-text clearfix">{full-story}</div>
         
        <div class="player-section">
     
            <ul class="tabs nowrap">
                <li class="current">Плеер</li>
                <li>Трейлер</li>
            </ul>
             
            <div class="k-rate-full">{rating}</div> 
         
            <div class="player-box visible full-text">
                        <iframe width="853" height="480" src="https://www.youtube.com/embed/-_kGE9jHonU" frameborder="0" allowfullscreen></iframe>
                        <!-- это фильм -->
            </div>
            <div class="player-box full-text" id="trailer-place">
                <iframe width="853" height="480" src="https://www.youtube.com/embed/-_kGE9jHonU" frameborder="0" allowfullscreen></iframe>
                <!-- это трейлер. строго тут -->
            </div>
         
            <div class="smart-text clearfix">
                <h2 class="kino-h-sub">Кино {title} в хорошем качестве</h2>
                                <div class="social-likes ignore-select">
                                    <div class="vkontakte" title="Поделиться ссылкой во Вконтакте"></div>
                                    <div class="facebook" title="Поделиться ссылкой на Фейсбуке"></div>
                                    <div class="twitter" title="Поделиться ссылкой в Твиттере"></div>
                                    <div class="odnoklassniki" title="Поделиться ссылкой в Одноклассниках"></div>
                                    <div class="plusone" title="Поделиться ссылкой в Гугл-плюсе"></div>
                                </div>
                <p>
                    <a href="{full-link}"><img src="{theme}/images/android.png" alt="Онлайн смотреть кино-фильм {title}" title="{title}"></a>
                    Реальная история о приятелях-планокурах из Майами, умудрившихся выбить в Пентагоне контракт на 300 миллионов долларов на поставку оружия.
                </p>
            </div>
         
        </div>
        <!-- end player-section -->
 
 
            <div class="kino-date icon-left"><i class="fa fa-clock-o"></i>{date}</div>
            <div class="k-link"><i class="fa fa-film"></i>Смотреть онлайн</div>
         
        </div>
     
    </div>
 
    [related-news]
    <div class="kino-related">
        <div class="kino-h">Похожие фильмы:</div>
        <div class="k-rel-box clearfix">
            <div id="owl-rel">
            {related-news}
            </div>
        </div>
    </div>
    [/related-news]
 
</div>

        <div class="full-comms ignore-select">
            <div class="comms-title"><span>{comments-num}</span> [declination={comments-num}]комментари|й|я|ев[/declination] и [declination={comments-num}]отзыв|ов|а|ов[/declination] к фильму {title}</div>
            {addcomments}
            [comments]
            <div class="comments-items">
                {comments}
                {navigation}
            </div>
            [/comments]
        </div>

 

@Ranout,

Code:

<img src="[xfvalue_poster_film]" width="203" height="301" alt="{title}">

что то не видно в коде fload:left!
В какое место было это добавлено?

 

я добавлял его , несколько вариков которые пробовал
<img src="[xfvalue_poster_film]" fload:left width="203" height="301" alt="{title}">
<img src="[xfvalue_poster_film]" width="203" height="301" alt="{title}" fload:left>
<img src="[xfvalue_poster_film]" fload:"left" width="203" height="301" alt="{title}">
<img src="[xfvalue_poster_film]" style="fload:left" width="203" height="301" alt="{title}">
<img src="[xfvalue_poster_film]" width="203" height="301" alt="{title}" fload:left;>

 

это правильный вариант! Почитай про float в гугле.

 

читал, именно оттуда и взял, но не хочет. Осталось как и было

 

скинь ссылку в ЛС - посмотрю что там со стилями не так

 

Вообще-то рыскай style.css ищи там значение которое отвечает за вывод картинки и уже там добавляй float:left.
В большинстве шаблонов за это отвечает вот такое:

Code:

.short_story_img {
    width: 160px;
    height: 212px;
    position: relative;
    margin-right: 0px;
}

.short_story_img img {
    width: 146px;
    height: 206px;
    border: 2px solid #CCC;
}

Тебе же нужно вставить так:

Code:

.short_story_img {
    width: 160px;
    float: left;
    height: 212px;
    position: relative;
    margin-right: 0px;
}

.short_story_img img {
    width: 146px;
    height: 206px;
    border: 2px solid #CCC;
}

Только же значения меняй на свои, либо просто вставь этот кусок float: left; Если все сделано правильно то должно работать, иначе нужно смотреть может какие-то косяки есть в шаблоне.

 

@igrovik, у него постер добавлен в слой дива предназначенного для h1 - там у него всё будет криво отображаться!!! я ему в ЛС указал уже на эту ошибку.

 

Ясно. Тогда ссори сэнсей разрешите откланяться

 

Может и мне поможешь решить задачку в лс?? Уже всю голову сломил, и так туп в это а с это задачей вообще мозги кипят

 

пиши в ЛС, но уже завтра, я минут через несколько в ОФФ спать убреду....

 

Ok.

 

float:

Такого слова, как fload: не существует. Есть слово float: Могу нарисовать в принципе при желании вам страницу под кино. Хотя, - не хочу.

 

я это тоже заметил, просто не правильно написал, но делал правильно : )

 

.kino-title-full img {float:left;}
так попробуй

 

не слушай никого, такое ощущение, что они ничего не слышали о наследовательности стилей.
Если сделаешь как писали выше - у тебя все изображения полной новости будут выравниваться по левой стороне.
строку:

<img src="[xfvalue_poster_film]" width="203" height="301" alt="{title}">

замени на:

<div class="image"><img src="[xfvalue_poster_film]" width="203" height="301" alt="{title}"></div>


в css стилях пропиши:
.kino-item .image {
float:left;
margin: 0 10px 10px 0;
}