[Вопрос]

День добрый!
Помогите пожалуйста с дописанием кода на рекламу.
Не могу сделать что бы два блока были в одном ряду и по центру, автоматом меняли размер (адаптивные) или один блок переходил во второй ряд при уменьшении и так же оба блока были по центру.

<div style="float:left">
<div align="center"><a href="http://www.rd-inspector.ru" target="_blank"http://forumpovideoregistratoram.ru">
<p style="border:1px #85a1b4 ridge; width: 750px;">


<img src="//www.rd-forum.ru/banners/Inspector-assortiment1.gif" div style="width:100%;"></p></a></div>
</div>

<div style="float:center">
<div align="center">	
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- http://forumpovideoregistratoram.ru -->
<ins class="adsbygoogle"
     style="display:inline-block;width:750px;height:93px"
     data-ad-client="ca-pub-5431051512429865"
     data-ad-slot="4457598233"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>

например, дивам дать display: inline-block; и родительскому text-align: center;

@Sven, спасибо.
Поменял в обоих дивах

<div style="display: inline-block;">
<div align="text-align: center;">

Но когда сужается экран они встают друг под другом и принимают левый край, а не встают по центру

biomehanika добавил 17.09.2016 в 01:19
А вообще можно его сделать адаптивным? Если да то каким образом это сделать можно.

@biomehanika, нет, не так. Вместо флоат - дисплей, это все завернуть в еще один див с text-align. И писать не align="text-align: center", а style="text-align: center"

@Sven, Честно не понял, что нужно сделать (знания слабые) и немного переделал. Убрал лишнее и сделал первый блок (картинку) адаптивным, каждый блок сделал по центру.

<div align="center" style="height:93px">
<table><tbody><tr>

<td width="750px"><a href="http://www.rd-inspector.ru" target="_blank" rel="nofollow">
<img src="http://www.forumpovideoregistratoram.ru/banners/inspector.gif" div style="width:100%;"></a>

</td></tr></tbody></table></div>


<div align="center">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- http://forumpovideoregistratoram.ru -->
<ins class="adsbygoogle"
     style="display:inline-block;width:750px;height:95px"
     data-ad-client="ca-pub-5431051512429865"
     data-ad-slot="4457598233"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

biomehanika добавил 18.09.2016 в 02:04

Осталось сделать рекламу от googlr адаптивной и что бы была в одном ряду с первой картинкой.

biomehanika добавил 18.09.2016 в 03:45

Originally Posted by Sven

Вместо флоат - дисплей, это все завернуть в еще один див с text-align. И писать не align="text-align: center", а style="text-align: center"

Уже по всякому попробовал к новым изменениям, не помогает, не нашел правильного варианта... Помогите пожалуйста!

biomehanika добавил 18.09.2016 в 04:27
Сделал в линию. Буду теперь мучать с переносом на вторую строку при сужении экрана и выравниванию по центру.

<div style="width: 100%; float: left;">
    <div style="float: left; width: 50%;"><td width="750px"><a href="http://www.rd-inspector.ru" target="_blank" rel="nofollow">
<img src="http://www.forumpovideoregistratoram.ru/banners/inspector.gif" div style="width:100%;"></a>

</td></div>
    <div style="float: left; width: 50%;"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- http://forumpovideoregistratoram.ru -->
<ins class="adsbygoogle"
     style="display:inline-block;width:750px;height:95px"
     data-ad-client="ca-pub-5431051512429865"
     data-ad-slot="4457598233"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
   
</div>
<div style="clear: both;"></div>

biomehanika добавил 18.09.2016 в 05:41
Сделал выравнивание двух блоков по центру.
Как теперь сделать перенос на вторую строку, при сужении экрана и выравниванию этих блоков по центру в двух строчках. Моя фантазия иссякла!

<div style="width: 100%; text-align: center;">

    <div style="float: left; width: 50%; display: inline-block;"><td width="750px"><a href="http://www.rd-inspector.ru" target="_blank" rel="nofollow">
<img src="http://www.forumpovideoregistratoram.ru/banners/inspector.gif" ></a>

</td></div>

    <div style="float: left; width: 50%; display: inline-block;"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- http://forumpovideoregistratoram.ru -->
<ins class="adsbygoogle"
     style="display:inline-block;width:750px;height:95px"
     data-ad-client="ca-pub-5431051512429865"
     data-ad-slot="4457598233"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
  
</div>
<div style="clear: both;"></div>

Жесть..замените этим кодом

	<div style="text-align: center;">

		<div style="display: inline-block;">
			тут реклама
		</div>

		<div style="display: inline-block;">
			тут реклама
		</div>

	</div>

При надобности задать размеры дивов.

Чисто для себя вставьте этот код и посмотрите.

@Sven, спасибо, помогло.