Размещение блока под миниатюрой записи

  • Решено Quake_wp

    (@quake_wp)


    13 лет, 2 месяца назад

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

    Код вывода миниатюры
    <?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)
  • skodnik

    (@skodnik)

    13 лет, 2 месяца назад

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

    Автор Quake_wp

    (@quake_wp)

    13 лет, 2 месяца назад

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

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

    Автор Quake_wp

    (@quake_wp)

    13 лет, 2 месяца назад

    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;

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

    skodnik

    (@skodnik)

    13 лет, 2 месяца назад

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

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

    Автор Quake_wp

    (@quake_wp)

    13 лет, 2 месяца назад

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

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

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

Просмотр 5 ответов — с 1 по 5 (всего 5)

Тема «Размещение блока под миниатюрой записи» закрыта для новых ответов.