Как разместит два баннера в одну строку

Тема в разделе "JavaScript", создана пользователем Romelos, 13 июл 2014.

  1. Romelos

    Romelos

    Регистрация:
    13 июл 2014
    Сообщения:
    0
    Симпатии:
    0
    здравствуйте! Помогите пожалуйста решить проблему. Мне нужно разместить два баннера с рекламой на странице таким образом, чтобы они располагались в одной строке по центру. Поместил скрипты в таблицу, но она прижимается к левому краю. Как изменить html. чтобы таблица была по центру, либо как обойтись без таблицы. Вывожу в материале на странице сайта модулем. Т.е. я создал модуль "произвольный Html код и туда поместил таблицу с баннерами. Если есть варианты без таблицы, то подскажите, пожалуйста. Вот код который я создал в редакторе.
    <table style="width: 325px; height: 27px;" border="0" align="center">
    <tbody>
    <tr>
    <td>
    <script src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- Реклама в тексте -->
    <p style="text-align: center;"><ins class="adsbygoogle" style="display: inline-block; width: 336px; height: 280px;"></ins></p>
    <script type="text/javascript">// <![CDATA[
    (adsbygoogle = window.adsbygoogle || []).push({});
    // ]]></script>
    </td>
    <td>
    <script src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- Реклама в тексте -->
    <p style="text-align: center;"><ins class="adsbygoogle" style="display: inline-block; width: 336px; height: 280px;"></ins></p>
    <script type="text/javascript">// <![CDATA[
    (adsbygoogle = window.adsbygoogle || []).push({});
    // ]]></script>
    </td>
    </tr>
    </tbody>
    </table>
     
  2. Ерёма

    Ерёма

    Регистрация:
    6 окт 2014
    Сообщения:
    0
    Симпатии:
    0
    HTML:
    <style type=”text/css”>
        .banners-wrapper {
            width: 677px; /* ширина двух баннеров учитывая отступ между ними 5px */
        }
            .banners-wrapper .clear {
                clear: both;
            }
            .banners-wrapper .banners {
                width: 336px;
                float: left;
            }
            .banners-wrapper .banner1 {
                margin-right: 5px;
            }
            .banners-wrapper {}
    </style>
    
    <div class="banners-wrapper">
        <div class="banners banner1">
            <!-- код баннера 1 -->
        </div>
       
        <div class="banners banner2">
            <!-- код баннера 2 -->
        </div>
       
        <div class="clear"></div>
    </div>