Центрирование рекламного блока

Создать тему
Ответить в этой теме

Posted 21 мая, 201410 yr

Гряньте одним глазом на этот код. Правильно ли я сделал центрирование? Ничего в общем коде не испоганю? Код будет находится в спец блоке для рекламы.

<html>
<head>
<style type="text/css">
h1 {text-align:center;}
</style>
</head>

<h1><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Реклама Google (250x360) -->
<ins class="adsbygoogle"
     style="display:inline-block;width:250px;height:360px"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="00000000000"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></h1>

Из того, что вычитал и понял, в body код заворачивать не нужно, т.к. уже будет находится в в нём.

Правильный код >внизу поста

Цитата

21 мая, 201410 yr

comment_63821

<style type="text/css">
h1 {text-align:center;}
</style>

Этим стилем Вы испоганите все выводы вашего тега H1 на сайте (странице) - Конечно, если он присутствует.

Не проще ли сделать отдельный div с стилем центровки содержимого ?

Цитата

21 мая, 201410 yr

Author

comment_63823

<style type="text/css">
h1 {text-align:center;}
</style>
Этим стилем Вы испоганите все выводы вашего тега H1 на сайте (странице) - Конечно, если он присутствует.

Не проще ли сделать отдельный div с стилем центровки содержимого ?

Подскажите код

Цитата

21 мая, 201410 yr

comment_63824


<div style="margin: 0 auto;">
тут ваше чудо
</div>

в строке style= пишите нужный стиль

Цитата

21 мая, 201410 yr

comment_63825

А может просто в теги center заключить, не?

Цитата

21 мая, 201410 yr

Author

comment_63826

<div style="margin: 0 auto;">
тут ваше чудо
</div> 
в строке style= пишите нужный стиль

Заверните пожалуйста этот код, а то я сейчас доиграюсь) Не получается короче. Должен быть отцентрирован по вертикали.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Реклама Google (250x360) -->
<ins class="adsbygoogle"
     style="display:inline-block;width:250px;height:360px"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="00000000000"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

А может просто в теги center заключить, не?

Валидацию не проходит. Пишут, что это старый способ и крайне не рекомендуется к использованию.

Цитата

21 мая, 201410 yr

Author

comment_63828

Намудрил такой код) Работает.

<div>
<if>
<li class='center'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Реклама Google (250x360) -->
<ins class="adsbygoogle"
     style="display:inline-block;width:250px;height:360px"
     data-ad-client="ca-pub-0000000000000"
     data-ad-slot="000000000"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</li>
</if>
</div>

UPD: работал корявенько (был отступ сверху с рисованной точкой в углу)

Edited 26 мая, 201410 yr by AlexBrtn

Цитата

21 мая, 201410 yr

comment_63830

Довольно не плохой вариант использования.

Но для чего вы используете if ? оО

PS: желательно увидеть страницу, где будет использоваться такой код (лучше в ЛС) что бы я предложил оптимальный вариант решения данного вопроса.

Цитата

21 мая, 201410 yr

Author

comment_63841

WinsanT,Написал в лс

Цитата

26 мая, 201410 yr

Author

comment_64198

<div style="margin: 0px auto; width: 250px;">
</div>

Где width: это ширина блока

Код в итоге для банера 250x360

<div style="margin: 0px auto; width: 250px;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Реклама Google (250x360) -->
<ins class="adsbygoogle"
     style="display:inline-block;width:250px;height:360px"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="00000000000"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

Цитата

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.