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

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by _MorPHeuS_, Mar 20, 2010.

  1. Offline

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

    Joined:
    Mar 2, 2010
    Messages:
    3
    Likes Received:
    0
    Gender:
    Male
    У меня есть 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пециалист <=

    Joined:
    Oct 18, 2007
    Messages:
    557
    Likes Received:
    39
    Gender:
    Male
    Если у вас редактор текста Tiny MCE - выключите очистку кода в плагины/Editor-tinyMCE. А еще лучше поставьте другой редактор.
     
  4. Offline

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

    Joined:
    Mar 12, 2007
    Messages:
    27
    Likes Received:
    1
    Gender:
    Male
    Привет!
    Ну во первых использовать <div align="center"></div> не "кашерно" предлагаю сделать следующим образом:
    Код (CODE):
    1. <div style="margin:0 auto; width:нужная ширина(указывать обязательно);">{loadposition banner7}</div>
     
  5. Offline

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

    Joined:
    Mar 2, 2010
    Messages:
    3
    Likes Received:
    0
    Gender:
    Male
    Все, проблемму решил, просто 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>

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

Share This Page

Loading...