Перейти к содержанию

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


AlexBrtn

Рекомендуемые сообщения

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

<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 код заворачивать не нужно, т.к. уже будет находится в в нём.

 


 

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

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

 

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

Ссылка на комментарий
Поделиться на другие сайты


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

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

Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты


<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 заключить, не?

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

Ссылка на комментарий
Поделиться на другие сайты

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

<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: работал корявенько (был отступ сверху с рисованной точкой в углу)

Изменено пользователем AlexBrtn
Ссылка на комментарий
Поделиться на другие сайты

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

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

 

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

Ссылка на комментарий
Поделиться на другие сайты

<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>
Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...