Поддержка Проблемы и решения Изображения не выравниваются с обтеканием текста

  • Решено picutor

    (@picutor)


    Здравствуйте!
    Использую шаблон elit circle. Cайт в стадии разработки на localhost и не могу дать ссылку на него. Проблема в том, что когда добавляю картинку и выбираю выравнивание справа или в слева с обтеканием текста в окне редактирования картинка отображается согласно с заданными параметрами, но когда делаю «просмотр» записи, изображение выглядит без обтекания текста, сам текст перемещается только сверху и снизу изображения. Постарался читать советы форума из Wrapping_Text_Around_Image; из «WordPress › Форумы поддержки » оптикание текстом» и из «Форумы поддержки » Проблемы и решения — Проблема выравниванием изображения на странице». Попробовал добавить в Список стилей советуемый фрагмент, потом просто заменил весь блок Images тем же блоком из шаблона Twenty Ten — ничего не решает проблему.

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

    (@sergeybiryukov)

    Live and Learn

    1. Скачал тему Elite Circle.
    2. Добавил фрагмент в конец style.css (код немного изменён, чтобы учитывались отступы, т.к. тема определяет их по-своему):
      img.alignright { float: right; margin: 0 0 1em 1em !important; }
      img.alignleft { float: left; margin: 0 1em 1em 0 !important; }
      img.aligncenter { display: block; margin: 0 auto !important; }
      a img.alignright { float: right; margin: 0 0 1em 1em !important; }
      a img.alignleft { float: left; margin: 0 1em 1em 0 !important; }
      a img.aligncenter { display: block; margin: 0 auto !important; }
    3. Изображение выровнялось с обтеканием:
      http://i56.tinypic.com/2emihww.jpg

    Эти стили подходят при добавлении изображений через штатную галерею. При добавлении через NextGEN Gallery классы будут другими — ngg-left, ngg-right и ngg-center.

    Автор picutor

    (@picutor)

    Спасибо за быстрое содействие.
    Добавил этот фрагмент под самый конец style.css. В редакторе как обычно все в норме, в просмотре ничего не изменилось.
    Попробовал добавить фрагмент в конце блока images — ничего не изменилось.
    Попробовал заменить фрагмент из images
    img.float-right {
    margin: 5px 0px 5px 15px;
    }
    img.float-left {
    margin: 5px 15px 5px 0px;
    }
    новым фрагментом — ничего не изменилось
    Попробовал заменить весь блок images блоком из Twenty Ten и добавил в конце блока этот фрагмент — ничего не изменилось. Потом добавил фрагмент в сомом конце style.css — ничего не изменилось.
    Может проблема в другом?
    Спасибо за уделенное время.

    Думаю, Вы забыли очистить кеш браузера… Или кеширующий плагин на движке..

    Автор picutor

    (@picutor)

    Огромное спасибо всем Вам !
    После того как добавил фрагмент в конец style.css и потом очистил кэш моего браузера ВСЕ РАБОТАЕТ ОТЛИЧНО. Изображения в моей теме выровнялись с обтеканием текста. Просто супер! (Хотя и не понял какую роль играет в этом кэш браузера или плагина, чайник все-таки я!)

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