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

  • Здравствуйте!
    При добавлении картинки на страницу выбираю Выравнивание слева. В окне редактирования картинка отражается слева от текста, как и должно быть. Нажимаю обновить. Захожу на сайт, и вижу следующее: картинка размещена с левой стороны, но текста рядом с ней нет, он появляется только в самом низу картинки (граничит с правым нижним углом картинки). Что делать?
    Нужно, чтобы текст размещался справа от картинки, рядом с ней.

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Модератор Yuri

    (@yube)

    WordPress › Форумы поддержки » оптикание текстом

    PS «оптикание», ё. Уроки б делали, а не сайты.

    В окне редактирования изображения нет функции «обтекание». Где ее искать?

    Вообще-то есть. Под каждым изображением в режиме редактирования изображений есть кнопки «слева», «справа» и т.д. выбирайте нужный вам вариант.

    В том-то и дело, что выбираю вариант «слева», но текст не появляется рядом с картинкой, справа. Он размещается около нижнего правого угла картинки. Посмотрите пожалуйста http://masterclass.ru/?page_id=72
    подскажите, как решить проблему…

    О Боги!

    чтобы делать сайт нужно иметь капельку элементарных знаний CSS!!!

    открываем style.css темы twentyTen

    ищем

    /*Images
    ***********************/

    и так как по-видимому знаний не хватает, копируем весь блок в файл style.css своей темы

    Модератор Yuri

    (@yube)

    [ottfop on]

    чтобы делать сайт нужно иметь капельку элементарных знаний CSS!!!

    Есть мнение, что сайты делают те, кто не способен заработать на жизнь собирательством стеклотары.
    [ottfop off]

    Народ, ну простите мою серость.
    Конечно же, знаний CSS не то чтобы не хватает, их просто нет вообще. Ведь я не делаю сайт, а только наполняю его контентом. Ну вот так у нас в России устроено, что приходится быть «на все руки от скуки».

    Так и не получается решить проблему. Правильно ли я делаю?
    1. В разделе «Внешний вид» захожу во вкладку «Редактор»
    Открываю свою тему, нахожу

    img{
    	border:none;
    }

    вставляю после img{ следующий фрагмент:

    img.alignright {float:right; margin:0 0 1em 1em}
    img.alignleft {float:left; margin:0 1em 1em 0}
    img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    a img.alignright {float:right; margin:0 0 1em 1em}
    a img.alignleft {float:left; margin:0 1em 1em 0}
    a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

    Обновляю файл, захожу на сайт — ничего не изменилось. Текст как был в правом нижнем углу от картинки — так там и остался.

    2. Пробую по-другому. Открываю style.css темы Twenty Ten. Нахожу блок

    /* =Images
    -------------------------------------------------------------- */

    копирую его весь и вставляю в свою тему. Сохраняю, захожу на свой сайт — и простите, офигеваю, все изменилось до неузнаваемости, а текст как был прилеплен к правому нижнему углу картинки, так и продолжает там быть. Вот блок, который я скопировала и вставила в свою тему после img{: http://pastebin.com/rT6c8QQZ

    Помогите чайнику, плиз… ну очень нужно… ‘((

    [Сообщение отредактировано согласно правилам форума. Для цитирования больших фрагментов кода используйте, пожалуйста, сервис Pastebin.]

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    вставляю после img{ следующий фрагмент

    Нужно после закрывающей скобки, не внутрь.

    Всем привет!
    К моему сожалению у меня та же проблема. Использую шаблон elit circle. Очень внимательно прочел все рекомендации и могу сказать что постарался сделать все что тут было сказано. Пробовал вариант вставки фрагмента, а потом и со вставкой всего блока Images из Twenty Ten — ничего не решает проблему. Не могу поверить. Что не так? Помогите, пожалуйста! Если можно скажите подробнее что делать.

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    picutor, создайте новую тему (согласно правилам форума). В ней дайте ссылку на сайт, если он доступен.

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