Проблема с обтеканием картинок текстом

  • Решено evgdiamond

    (@evgdiamond)


    16 лет назад

    Женский сайт. К примеру, страница эта. Проблема в том, что картинки имеют выравнивание «по центру», но текст обтекает картинку вокруг. По идее должно быть так: картинка в центре, а текст строго вверху и внизу (но не сбоку!!!) Как задать в стилях css правильные параметры?
    Вот мой кусок кода
    img {
    float:left;
    padding:0px 5px 5px 5px;}
    a img {
    float: left;
    border:none;
    background:none;
    padding:5px;}
    .alignright {
    text-align: right;}
    .alignleft {
    text-align: left}
    .wp-smiley{
    padding: 0;}
    .textwidget{
    margin: 2px 5px 2px 5px;}
    a.xl{
    display: none !important;
    }
    Править нужно где-то здесь, подскажите что именно.

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    16 лет назад

    Не хватает свойств класса aligncenter:

    .aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

    http://codex.wordpress.org/CSS#WordPress_Generated_Classes

    Автор evgdiamond

    (@evgdiamond)

    16 лет назад

    Сергей, в какую часть кода поставить этот код?
    Не является ли проблемой вот это?:
    img {
    float:left;
    padding:0px 5px 5px 5px;}

    Автор evgdiamond

    (@evgdiamond)

    16 лет назад

    Проблема решилась вставкой следующего кода:

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }

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

Тема «Проблема с обтеканием картинок текстом» закрыта для новых ответов.