Поддержка Темы и шаблоны Размещение блока под миниатюрой записи

  • Здравствуйте. Посетила идея разместить блок подписки под миниатюрой записи. Сделать самому не получается, прошу помощи.

    Код вывода миниатюры
    <?php if ( function_exists("has_post_thumbnail") && has_post_thumbnail() ) { the_post_thumbnail(array(300,225), array("class" => "alignleft post_thumbnail")); } ?>

    Вроде стандартный. Как под ним разместить блок Div?

    Размещаю блок ниже естественно он оказывается справа от миниатюры, в тексте записи… как разместить именно снинзу миниатюры, с учетом того что миниатюры могут незначительно менятся в размерах(в разных статьях), т.е. надо както разместить в блоке миниатюры а не указать расположение вручную.

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Эта и подобная задача решаются с помощью стилей, т.е. использования css — htmlbook.ru/css. В Вашем случае необходим float: left; htmlbook.ru/css/float для миниатюры и для блока подписки.

    Добавил в CSS
    position:absolute;

    и с помощью margin-top выровнял, НО блок находится перед текстом и текст не обтекает его а происходит наложение.

    float
    присутствует, но ничего не происходит

    блок подписки

    font-size: 14px;
     height: 3px;
     float:left;

    миниатюра

    .post_thumbnail {
        background-color: #FFFFFF;
        border: 1px solid #EEEEEE;
        margin: 0 10px 10px 0;
        padding: 4px;
    float:left;

    блок находится не под миниатюрой, а перед текстом

    Использование position: absolute; без блока родителя с position: relative; не стоит, но даже указывая можно получить «бяку».

    Возможно, к float: left; в данном случае потребуется дописать clear: both; htmlbook.ru/css/clear.

    с помощью метода научного тыка вышло такое

    font-size: 14px;
     height: 3px;
     float:left;
    clear: both;
    padding-bottom: 20px;
    margin:0px 40px 10px 0px;

    Спасибо за оперативную консультацию 🙂

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «Размещение блока под миниатюрой записи» закрыта для новых ответов.