Joomla 1.5 Размещение по центру

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем _MorPHeuS_, 20.03.2010.

  1. Offline

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

    Регистрация:
    02.03.2010
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    У меня есть JS который нужно вывести по центру статьи.
    Этот JS это рекламма от бегуна
    Когда я воспользовался плагином "Загрузка модулей в статьи" и вставил этот код: "<div style="text-align: center;">{loadposition banner7}</div>" в статью, то столкнулся с такой проблемой, в браузере IE 8 рекламма отображается по центру, а в опере выравнивание идет только по левому краю:(
    Когда вставляю такой код: <DIV align=center>{loadposition banner7}</DIV>, то joomla bpменяет его на: <DIV>{loadposition banner7}</DIV>
    В CSS не силен, вся надежна на вас форумчани...:)
     
  2.  
  3. Kadavr
    Offline

    Kadavr Недавно здесь => Cпециалист <=

    Регистрация:
    18.10.2007
    Сообщения:
    557
    Симпатии:
    39
    Пол:
    Мужской
    Если у вас редактор текста Tiny MCE - выключите очистку кода в плагины/Editor-tinyMCE. А еще лучше поставьте другой редактор.
     
  4. Offline

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

    Регистрация:
    12.03.2007
    Сообщения:
    27
    Симпатии:
    1
    Пол:
    Мужской
    Привет!
    Ну во первых использовать <div align="center"></div> не "кашерно" предлагаю сделать следующим образом:
    Код (CODE):
    1. <div style="margin:0 auto; width:нужная ширина(указывать обязательно);">{loadposition banner7}</div>
     
  5. Offline

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

    Регистрация:
    02.03.2010
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    Все, проблемму решил, просто CSS стили чуток подправил и все, получилость так:

    /* Default skyscraper style */
    .banneritem img
    {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    /* Text advert style */

    .banneritem_text
    {
    padding: 0;
    font-size: 11px;
    }

    .bannerfooter_text
    {
    padding: 0;
    font-size: 11px;
    background-color: #EBECDF;
    width: 468px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    }

    Код для вывода (вставлять в любое место в статье):
    <div class="bannerfooter_text">
    <p class="banneritem_text">{loadposition banner7}</p>
    </div>

    Может кому то пригодится:)
    Как вам мое решение?
     

Поделиться этой страницей

Загрузка...