Вопрос Как разместить изображение по-центру?

Discussion in 'Изменение шаблона (кастомизация)' started by Roman400, Mar 4, 2016.

  1. Offline

    Roman400 Недавно здесь

    Joined:
    Feb 16, 2016
    Messages:
    16
    Likes Received:
    0
    Gender:
    Male
  2.  
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    А скрин настроек можешь показать? Не путай обтекание картинки с размещением по горизонтали
     
  4. Asylum
    Offline

    Asylum Местный => Cпециалист <=

    Joined:
    Feb 9, 2007
    Messages:
    2,744
    Likes Received:
    160
    Gender:
    Male
    9a1868963fa1545528da9b22db3e882c.jpg

    У Вас выравнивание не по центру
     
  5. Offline

    Roman400 Недавно здесь

    Joined:
    Feb 16, 2016
    Messages:
    16
    Likes Received:
    0
    Gender:
    Male
    По центру когда маленькое окно браузера, а когда расширить, картинка смещается влево.
     
  6. Asylum
    Offline

    Asylum Местный => Cпециалист <=

    Joined:
    Feb 9, 2007
    Messages:
    2,744
    Likes Received:
    160
    Gender:
    Male
    Да никуда она не смещается если сделать нормальное выравнивание

    theme.css строка 8109
    .uk-align-left {
    float: center;
    margin-right: 15px;
     
  7. Offline

    Roman400 Недавно здесь

    Joined:
    Feb 16, 2016
    Messages:
    16
    Likes Received:
    0
    Gender:
    Male
    сделал всё так, но всё равно изображение размещается по левому краю статьи.
     

    Attached Files:

    • jjj.png
      jjj.png
      File size:
      1,020.2 KB
      Views:
      5
  8. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Шаблон клубный на wrap,а потому сложный и нужно читать ман разработчика. По примеру с картинкой, выбираешь в редактор по Центру и картинке редактор добавляет стиль
    Код (css):
    1. style="display: block; margin-left: auto; margin-right: auto;">

    если ширина картинки меньше полотна статьи
     

    Attached Files:

    • js.JPG
      js.JPG
      File size:
      56.5 KB
      Views:
      4

Share This Page

Loading...