2014-12-25 39 views
0

我不知道如何水平居中双击广告。读这类似的问题Centre align leaderboard ad后,我使用这个代码现在居中双击广告

<div class="center"> 
<style type="text/css"> 
.center { 
    text-align: center; 
    margin: 0 auto; 
} 
</style> 

AD CODE 

</div> 

但它不工作。有任何想法吗?

为了说明,该广告正在本网站上使用。 http://worldgreendaily.com/

页面上的总代码:

<?php 
if (! defined('ABSPATH')) exit; // Exit if accessed directly 
$page_layout = get_option(THEME_NAME."_page_layout"); 
//logo settings 
$logo = get_option(THEME_NAME.'_logo'); 
$search = get_option(THEME_NAME.'_search'); 
//top banner  
$topBanner = get_option(THEME_NAME."_top_banner"); 
$topBannerCode = get_option(THEME_NAME."_top_banner_code"); 
//fixed menu 
$menuStyle = get_option(THEME_NAME."_menu_style"); 
$weatherSet = get_option(THEME_NAME."_weather"); 
$weather = OT_weather_forecast($_SERVER['REMOTE_ADDR']); 
// header social icons 
$socialHeader = get_option(THEME_NAME."_social_header"); 


$vimeo = get_option(THEME_NAME."_vimeo"); 
$twitter = get_option(THEME_NAME."_twitter"); 
$facebook = get_option(THEME_NAME."_facebook"); 
$googlepluss = get_option(THEME_NAME."_googlepluss"); 
$pinterest = get_option(THEME_NAME."_pinterest"); 
$tumblr = get_option(THEME_NAME."_tumblr"); 
$linkedin = get_option(THEME_NAME."_linkedin"); 
$dribbble = get_option(THEME_NAME."_dribbble"); 
$soundcloud = get_option(THEME_NAME."_soundcloud"); 

?> 
    <!-- BEGIN .boxed --> 
    <div class="boxed<?php echo $page_layout=="boxed" ? " active" : false; ?>"> 

     <!-- BEGIN .header --> 
     <div class="header"> 

      <!-- BEGIN .header-very-top --> 
      <div class="header-very-top"> 

       <!-- BEGIN .wrapper --> 
       <div class="wrapper"> 

        <div class="left"> 
         <?php 

          if (function_exists('register_nav_menus')) { 
           $walker = new OT_Walker_Top; 
           $args = array(
            'container' => '', 
            'theme_location' => 'top-menu', 
            'items_wrap' => '<ul class="ot-menu very-top-menu load-responsive" rel="'.__("Top Menu", THEME_NAME).'"><li><a href="'.home_url().'" class="icon-text"><i class="fa fa-home"></i></a></li>%3$s</ul>', 
            'depth' => 3, 
            'walker' => $walker, 
            "echo" => false 
           ); 


           if(has_nav_menu('top-menu')) { 
            echo wp_nav_menu($args);   
           }  

          } 

         ?> 

        </div> 

        <?php if($weatherSet=="on") { ?> 
          <?php if(!isset($weather['error'])) { ?> 
           <div class="right"> 
            <div class="weather-report"> 
             <span><?php _e("Weather",THEME_NAME);?></span> 
             <b><?php echo $weather['country'].', '.$weather['city'];?></b> 
             <img src="<?php echo THEME_IMAGE_URL.$weather['image'];?>.png" alt="<?php echo $weather['country'].', '.$weather['city'];?>" /> 

             <font class="weather-meter" style="background: <?php echo $weather['color'];?>;"><?php echo $weather['temp_'.get_option(THEME_NAME."_temperature")];?></font> 

            </div> 
           </div> 
          <?php 
           } else { 
            echo $weather['error']; 
           } 
          ?> 
         <?php } ?> 

        <div class="clear-float"></div> 

       </div> 
       <div class="double-split"></div> 
      <!-- END .header-very-top --> 
      </div> 

      <!-- BEGIN .header-middle --> 
      <div class="header-middle"> 
       <div class="wrapper"> 
        <?php if($logo) { ?> 
         <div class="logo-image"> 
          <h1><?php bloginfo('name'); ?></h1> 
          <a href="<?php echo home_url(); ?>"><img class="logo" src="<?php echo $logo;?>" alt="<?php bloginfo('name'); ?>" /></a> 
         </div> 
        <?php } else { ?> 
         <div class="logo-text"> 
          <h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></h1> 
         </div> 
        <?php } ?> 

        <?php if($topBanner=="on") { ?> 

         <div class="banner"> 
          <div class="banner-block"> 
           <?php echo stripslashes(do_shortcode($topBannerCode));?> 
          </div> 

          <?php if (is_pagetemplate_active("template-contact.php")) { ?> 
          <?php $contactID = ot_get_page('contact'); ?> 
           <div class="banner-info"> 
            <a href="<?php echo get_page_link($contactID[0]);?>" class="sponsored"><span class="icon-default">&nbsp;</span><?php _e("Sponsored Advert", THEME_NAME);?><span class="icon-default">&nbsp;</span></a> 
           </div> 
          <?php } ?> 
         </div> 

        <?php } ?> 

        <div class="clear-float"></div> 

       </div> 
      <!-- END .header-middle --> 
      </div> 

      <!-- BEGIN .header-menu --> 
      <div class="header-menu<?php if($menuStyle=='on') { echo ' thisisfixed'; } ?>"> 
       <div class="wrapper"> 
        <?php 

         wp_reset_query(); 
         if (function_exists('register_nav_menus')) { 
          $walker = new OT_Walker; 
          $args = array(
           'container' => '', 
           'theme_location' => 'middle-menu', 
           'items_wrap' => '<ul class="%2$s main-menu" >%3$s</ul>', 
           'depth' => 3, 
           "echo" => false, 
           'walker' => $walker 
          ); 


          if(has_nav_menu('middle-menu')) { 
           echo wp_nav_menu($args);   
          } else { 
           echo "<ul class=\"main-menu\"><li class=\"navi-none\"><a href=\"".admin_url("nav-menus.php") ."\">Please set up ".THEME_FULL_NAME." menu!</a></li></ul>"; 
          }  

         } 
        ?> 

        <?php if($search=="on") { ?> 
         <div class="right menu-search"> 
          <form method="get" action="<?php echo home_url(); ?>" name="searchform" > 
           <input type="text" value="" placeholder="<?php _e("Search something..",THEME_NAME);?>" name="s" id="s"/> 
           <input type="submit" class="search-button" value="&nbsp;" /> 
          </form> 
         </div> 
        <?php } ?> 

        <div class="clear-float"></div> 

       </div> 
      <!-- END .header-menu --> 
      </div> 

      <!-- BEGIN .header-undermenu --> 
      <div class="header-undermenu"> 
       <div class="wrapper"> 
         <?php 

          if (function_exists('register_nav_menus')) { 
           $args = array(
            'container' => '', 
            'theme_location' => 'third-menu', 
            "link_before" => '<i>', 
            "link_after" => '</i>' , 
            'items_wrap' => '<ul class="secondary-menu" >%3$s</ul>', 
            'depth' => 1, 
            "echo" => false 
           ); 


           if(has_nav_menu('third-menu')) { 
            echo wp_nav_menu($args);   
           }  

          } 

         ?> 

        <div class="clear-float"></div> 

       </div> 
      <!-- END .header-undermenu --> 
      </div> 

     <!-- END .header --> 
     </div> 

<?php wp_reset_query(); ?> 
    <div style="text-align: center; margin: 0 auto;"><!-- Test_WGD --> 
    <div id='div-gpt-ad-1419519536676-0' style='width:728px; height:90px;'> 
    <script type='text/javascript'> 
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1419519536676-0'); }); 
    </script></div> 

    </html> 

回答

1

如果你把你的CSS的网页,而不是链接到你应该把它的<head></head>标签内外部CSS文件上。你的文件应该是这个样子:

<html> 
    <head> 
     <style type="text/css"> 
     .center { 
      text-align: center; 
      margin: 0 auto; 
     } 
     </style> 
    </head> 

    <body> 
     <div class="center">AD CODE</div> 
    </body> 
</html> 

你也可以使用内嵌样式(我不建议)如果你想喜欢你的例子在div附近的风格:

<div style="text-align: center; margin: 0 auto;">AD CODE</div> 

UPDATE

这是从iframe拉入。你需要做的是发现我已经在下面的图片中指出id

enter image description here

这是这样的:

<div id='div-gpt-ad-1419519536676-0' style='width:728px; height:90px;'> 

,并添加margin: auto它,像这样:

<div id='div-gpt-ad-1419519536676-0' style='width:728px; height:90px; margin: auto;'> 

这应该以图像为中心

+0

Thanx的帮助。这集中在网站上的其他文字,但广告仍然在左侧;) – Greenmachine

+0

@Greenmachine你将不得不张贴更多的代码,小提琴或链接。无法从您提供的内容中知道发生了什么。更新 - 我看到你的链接,谢谢。那么你在说哪个广告? – jmore009

+0

@ jmore009'margin:0 auto'是否需要宽度才能正常工作? – Brian

0

股利和风格的标记必须更换。

<html> 
<head> 
<style type="text/css"> 
.center { 
    text-align: center; 
    margin: 0 auto; 
} 
</style> 
</head> 
<body> 
<div class="center"> 
AD CODE 

</div> 
</body> 
</html>