Dismiss Notice
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

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

Discussion in 'Вопросы- ответы' started by Ranout, Feb 7, 2017.

07.02.17 в 20:59
12.02.17 в 23:23
21
2,628
0
  1. TopicStarter Overlay
    Ranout

    Ranout Посетитель

    Joined:
    Jan 10, 2017
    Messages:
    84
    Best Answers:
    0
    Ratings:
    +11 / 0 / -0
    Искал инфу , менял код, но чет не хочет. Может вы подскажите?
     

    Attached Files:

  2. aeneas

    Забанен

    Joined:
    Mar 12, 2016
    Messages:
    11,489
    Best Answers:
    10
    Ratings:
    +4,044 / 208 / -0
    попробуй fload:left; картинке пропиши, вроде должно сработать
     
    • Нравится Нравится x 2
  3. evgfreeman

    VIP Кинотрафик v2

    Joined:
    Apr 26, 2016
    Messages:
    3,343
    Best Answers:
    7
    Ratings:
    +1,518 / 210 / -0
    • Нравится Нравится x 2
  4. TopicStarter Overlay
    Ranout

    Ranout Посетитель

    Joined:
    Jan 10, 2017
    Messages:
    84
    Best Answers:
    0
    Ratings:
    +11 / 0 / -0
    спасибо, сейчас попробую
     
  5. TopicStarter Overlay
    Ranout

    Ranout Посетитель

    Joined:
    Jan 10, 2017
    Messages:
    84
    Best Answers:
    0
    Ratings:
    +11 / 0 / -0
    Вообщем, у меня так и не получилось сделать. К картинке прописывал, но эффекта ноль. Вот 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="Для добавления в закладки необходима регистрация"><class="fa fa-star-o"></i></div>[/group]
                [
    not-group=5]
                [
    add-favorites]<div class="k-fav" title="Добавить в закладки"><class="fa fa-star-o"></i></div>[/add-favorites]
                [
    del-favorites]<div class="k-fav k-fav-added" title="Убрать из закладок"><class="fa fa-star"></i></div>[/del-favorites]
                [/
    not-group]
            </
    div>
            [
    not-group=5]<div class="k-edit">[edit]<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"><class="fa fa-clock-o"></i>{date}</div>
                <
    div class="k-link"><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>
     
  6. byroot

    Забанен

    Joined:
    Oct 10, 2015
    Messages:
    12,295
    Best Answers:
    54
    Ratings:
    +5,206 / 74 / -0
    @Ranout,
    Code:
    <img src="[xfvalue_poster_film]" width="203" height="301" alt="{title}">
    что то не видно в коде fload:left!
    В какое место было это добавлено?
     
  7. TopicStarter Overlay
    Ranout

    Ranout Посетитель

    Joined:
    Jan 10, 2017
    Messages:
    84
    Best Answers:
    0
    Ratings:
    +11 / 0 / -0
    я добавлял его , несколько вариков которые пробовал
    <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;>
     
  8. byroot

    Забанен

    Joined:
    Oct 10, 2015
    Messages:
    12,295
    Best Answers:
    54
    Ratings:
    +5,206 / 74 / -0
    это правильный вариант! Почитай про float в гугле.
     
  9. TopicStarter Overlay
    Ranout

    Ranout Посетитель

    Joined:
    Jan 10, 2017
    Messages:
    84
    Best Answers:
    0
    Ratings:
    +11 / 0 / -0
    читал, именно оттуда и взял, но не хочет. Осталось как и было
     
  10. byroot

    Забанен

    Joined:
    Oct 10, 2015
    Messages:
    12,295
    Best Answers:
    54
    Ratings:
    +5,206 / 74 / -0
    скинь ссылку в ЛС - посмотрю что там со стилями не так
     
  11. igrovik

    igrovik Местный

    Joined:
    Dec 11, 2016
    Messages:
    1,007
    Best Answers:
    8
    Ratings:
    +355 / 12 / -0
    Вообще-то рыскай 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; Если все сделано правильно то должно работать, иначе нужно смотреть может какие-то косяки есть в шаблоне.
     
  12. byroot

    Забанен

    Joined:
    Oct 10, 2015
    Messages:
    12,295
    Best Answers:
    54
    Ratings:
    +5,206 / 74 / -0
    @igrovik, у него постер добавлен в слой дива предназначенного для h1 - там у него всё будет криво отображаться!!! я ему в ЛС указал уже на эту ошибку.
     
    • Нравится Нравится x 1
  13. igrovik

    igrovik Местный

    Joined:
    Dec 11, 2016
    Messages:
    1,007
    Best Answers:
    8
    Ratings:
    +355 / 12 / -0
    Ясно. Тогда ссори сэнсей разрешите откланяться:oops::D:D:D:D:D
     
  14. igrovik

    igrovik Местный

    Joined:
    Dec 11, 2016
    Messages:
    1,007
    Best Answers:
    8
    Ratings:
    +355 / 12 / -0
    Может и мне поможешь решить задачку в лс?? Уже всю голову сломил, и так туп в это а с это задачей вообще мозги кипят:D:D:D
     
  15. byroot

    Забанен

    Joined:
    Oct 10, 2015
    Messages:
    12,295
    Best Answers:
    54
    Ratings:
    +5,206 / 74 / -0
    пиши в ЛС, но уже завтра, я минут через несколько в ОФФ спать убреду....
     
    • Нравится Нравится x 1
  16. igrovik

    igrovik Местный

    Joined:
    Dec 11, 2016
    Messages:
    1,007
    Best Answers:
    8
    Ratings:
    +355 / 12 / -0
    Ok.
     
  17. antata

    antata Бывалый

    Joined:
    Jan 10, 2017
    Messages:
    230
    Best Answers:
    0
    Ratings:
    +54 / 9 / -0
    float:
    Такого слова, как fload: не существует. Есть слово float: Могу нарисовать в принципе при желании вам страницу под кино. Хотя, - не хочу.
     
  18. TopicStarter Overlay
    Ranout

    Ranout Посетитель

    Joined:
    Jan 10, 2017
    Messages:
    84
    Best Answers:
    0
    Ratings:
    +11 / 0 / -0
    я это тоже заметил, просто не правильно написал, но делал правильно : )
     
  19. aeneas

    Забанен

    Joined:
    Mar 12, 2016
    Messages:
    11,489
    Best Answers:
    10
    Ratings:
    +4,044 / 208 / -0
    .kino-title-full img {float:left;}
    так попробуй
     
  20. newuser

    Забанен

    Joined:
    Oct 29, 2016
    Messages:
    31
    Best Answers:
    0
    Ratings:
    +18 / 0 / -0
    не слушай никого, такое ощущение, что они ничего не слышали о наследовательности стилей.
    Если сделаешь как писали выше - у тебя все изображения полной новости будут выравниваться по левой стороне.
    строку:

    <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;
    }
     
    • Нравится Нравится x 1
Яндекс.Метрика