Выравнивание картинок в посте

Тема в разделе "Верстка", создана пользователем KPOT, 11 фев 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. KPOT

    KPOT Постоялец

    Регистр.:
    19 май 2006
    Сообщения:
    96
    Симпатии:
    2
    Подскажите, почему у меня некоторые картинки не центруются? Проблема например здесь.

    center.PNG


    Жёлтым выделил актуальные мест.
     
    Последнее редактирование: 11 фев 2014
  2. ZOLK

    ZOLK

    Регистр.:
    13 сен 2011
    Сообщения:
    189
    Симпатии:
    108
    потому что картинки которые не выровнены, находятся вне тега <p>, остальные в нем
     
  3. KPOT

    KPOT Постоялец

    Регистр.:
    19 май 2006
    Сообщения:
    96
    Симпатии:
    2
    хммм.... Что то Я видимо не внимательно смотрел =(
     
  4. eehue1290

    eehue1290 Писатель

    Регистр.:
    12 окт 2013
    Сообщения:
    5
    Симпатии:
    0
    а лучше вообще придать им общий блок с настроенными отсупами и так далее и меньше мучений будет...
     
  5. errogaht

    errogaht Постоялец

    Регистр.:
    15 май 2013
    Сообщения:
    50
    Симпатии:
    10
    Меня иногда только <center></center> Спасает
     
  6. rrex

    rrex Постоялец

    Регистр.:
    9 июн 2012
    Сообщения:
    102
    Симпатии:
    12
    как я вижу, то те, которые смещены влево взяты в DIV а остальные отформатированы с помощью P
    для Р у Вас прописаны margin: а для DIV используется другое форматирование. Вообщем, если пользуетесь редактором для добавления новостей на сайт, то придерживайтесь одной процедуры, либо же правьте код HTML
     
  7. mrdigy

    mrdigy

    Регистр.:
    29 дек 2007
    Сообщения:
    168
    Симпатии:
    21
    Советую пользоваться драгонфлай оперой. Очень классный дебагер. Там можно очень удобно пробовать любые варианты. Обычно я делаю так.
    В вашм случае:
    Начните с простого:
    <div style="width:100%">
    <div style="text-align:center"><img></div>
    </div>
     
  8. kstnews

    kstnews Создатель

    Регистр.:
    8 ноя 2012
    Сообщения:
    20
    Симпатии:
    11
    Sorry, а почему не так:
    <div style="width:100% text-align:center"><img></div>
     
  9. swordone

    swordone Писатель

    Регистр.:
    23 фев 2014
    Сообщения:
    5
    Симпатии:
    1
    float:left\right
     
  10. MagicNoob

    MagicNoob Создатель

    Регистр.:
    27 фев 2014
    Сообщения:
    15
    Симпатии:
    3
    Чтобы не ковырятся в коде и не изменять шаблон вывода, можно вместо:
    Код:
    img.aligncenter, img.centered {
        ...
        margin: 20px auto;
        ...
    }
    записать:
    Код:
    img.aligncenter, img.centered {
        ...
        margin: 20px 25px; - вот тут меняем
        ...
    }