Jump to content

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

AlexBrtn
AlexBrtn
in HTML, CSS, XML

Featured Replies

Posted
comment_63819

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

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

 

 

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/8200-centrirovanie-reklamnogo-bloka/
    Share on other sites
    comment_63821 
    <style type="text/css">
h1 {text-align:center;}
</style>

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

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/8200-centrirovanie-reklamnogo-bloka/?&do=findComment&comment=63821
    Share on other sites
    • Author
    comment_63823 
    <style type="text/css">
h1 {text-align:center;}
</style>

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

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

     

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/8200-centrirovanie-reklamnogo-bloka/?&do=findComment&comment=63823
    Share on other sites
    comment_63824 
    
<div style="margin: 0 auto;">
тут ваше чудо
</div> 

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/8200-centrirovanie-reklamnogo-bloka/?&do=findComment&comment=63824
    Share on other sites
    comment_63825

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/8200-centrirovanie-reklamnogo-bloka/?&do=findComment&comment=63825
    Share on other sites
    • 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 заключить, не?

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/8200-centrirovanie-reklamnogo-bloka/?&do=findComment&comment=63826
    Share on other sites
    • 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 by AlexBrtn

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/8200-centrirovanie-reklamnogo-bloka/?&do=findComment&comment=63828
    Share on other sites
    comment_63830

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

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

     

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/8200-centrirovanie-reklamnogo-bloka/?&do=findComment&comment=63830
    Share on other sites
    • Author
    comment_63841

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/8200-centrirovanie-reklamnogo-bloka/?&do=findComment&comment=63841
    Share on other sites
    • 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>
  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/8200-centrirovanie-reklamnogo-bloka/?&do=findComment&comment=64198
    Share on other sites

    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.

    Guest
    Ответить в этой теме...
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.