Русский WordPress

Форум WordPress Russia » Проблемы

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

(12 сообщений)
  • Начато: 4 месяцев назад пользователем TheWanderer
  • Последний ответ: TheWanderer
  • Эта тема решенная

  1. TheWanderer
    Участник

    Проблема такая.
    Пишу статью в визуальном редакторе вставляю изображение и ставлю галочку возле пункта "Справа"(что бы картинка была с права а текст был слева), выбираю опубликовать и сразу же захожу на опубликованную статью и вижу что изображения отображаются с лева, а текст справа(а должно всё на оборот). Как этот баг исправить???

    Опубликовано 4 месяцев назад #

  2. Sergey
    Толкователь

    В style.css должны быть строчки:

    .alignleft {
   float: left;
}

.alignright {
   float: right;
}

    Подробности: http://codex.wordpress.org/CSS

    Успехов!
    Опубликовано 4 месяцев назад #

  3. TheWanderer
    Участник

    не помогло...

    Опубликовано 4 месяцев назад #

  4. Sergey
    Толкователь

    А какой HTML-код там в итоге получается?

    Успехов!
    Опубликовано 4 месяцев назад #

  5. TheWanderer
    Участник

    вот в общем сама статья: http://animeplaneta.ru/?p=966

    Опубликовано 4 месяцев назад #

  6. Sergey
    Толкователь

    Вообще, стоит выравнивание именно по левому краю :)

    Успехов!
    Опубликовано 4 месяцев назад #

  7. TheWanderer
    Участник

    Сори... нужно что бы было наоборот, надо что бы некоторые картинки были справа а текст слева.

    Опубликовано 4 месяцев назад #

  8. Sergey
    Толкователь

    Их можно изменить в визуальном редакторе. Кликнуть — и в верхнем левом углу картинки появятся две кнопки, из которых нужна первая. Там и задать выравнивание. Должно работать :) В коде вместо class="alignleft" появится class="alignright".

    Успехов!
    Опубликовано 4 месяцев назад #

  9. TheWanderer
    Участник

    Вот код картинок, которые есть в статье:
    <img class="alignleft" src="http://s53.radikal.ru/i141/0808/77/5474498470ee.jpg" alt="" width="230" height="153" />
    <img class="alignright" src="http://s61.radikal.ru/i172/0808/37/075bd42ac278.jpg" alt="" width="230" height="153" />
    <img class="alignleft" src="http://s43.radikal.ru/i100/0808/57/d355fc35b999.jpg" alt="" width="230" height="306" />
    <img class="alignright" src="http://s54.radikal.ru/i145/0808/c9/bce8a255dd19.jpg" alt="" width="230" height="172" />
    <img class="alignleft" src="http://s46.radikal.ru/i112/0808/44/ed9fa9ad6ebc.jpg" alt="" width="230" height="153" />
    <img class="alignright" src="http://s50.radikal.ru/i128/0808/2d/1dce82acd4a0.jpg" alt="" width="230" height="343" />
    <img class="alignleft" src="http://s51.radikal.ru/i132/0808/25/620803e2a14d.jpg" alt="" width="230" height="345" />
    <img class="alignright" src="http://s46.radikal.ru/i112/0808/54/43ab3304d70a.jpg" alt="" width="230" height="172" />
    Из кода можно понять, что не которые картинки должны быть слева, а другие справа, но почему то когда публикуешь статью все картинки отображаются с лева... Как сделать так что бы картинки правильно отображались?

    Опубликовано 4 месяцев назад #

  10. Sergey
    Толкователь

    Нужно убрать float: left; из этой строчки:
    .PostContent img { margin: 0px 10px 10px 0px; float: left; border:solid 1px #495b6b;}
    Видимо, перекрывает остальные.

    Или ещё вариант — попробовать img.alignleft и img.alignright вместо .alignleft и .alignright соответственно.

    Успехов!
    Опубликовано 4 месяцев назад #

  11. TheWanderer
    Участник

    Вот как статья выглядит в визуальном редакторе: http://img231.imageshack.us/img231/361/57842130bq2.jpg
    А вто как она выглядит опубликованая на сайте: http://img231.imageshack.us/img231/7040/47827382ie7.jpg
    Надо что бы статья выглядела на сйте так же как и в визуальном редакторе.

    Опубликовано 4 месяцев назад #

  12. TheWanderer
    Участник

    убрал float: left из .PostContent img и помогло :)
    Спасибо за помощь. :)

    Опубликовано 4 месяцев назад #

RSS-лента этой темы

Ответ

Вы должны авторизоваться, чтобы публиковать сообщения.