здравствуйте! Помогите пожалуйста решить проблему. Мне нужно разместить два баннера с рекламой на странице таким образом, чтобы они располагались в одной строке по центру. Поместил скрипты в таблицу, но она прижимается к левому краю. Как изменить 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>
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>
