将文本放在div上方

时间:2015-11-01 04:53:30

标签: javascript html css internet-explorer-7

这是我的问题。我尝试做的是创建一个页面,其中ID为Q1的DIV只有在该页面需要广告的情况下才会填写,我将使用PHP代码和MySQL的数据来确定。我们暂时说我正在处理的网页应该投放广告。

我提供的代码允许我在页面完全加载后在div中加载adsense广告。

这是HTML:

<body>
Content....
Content....
Content....
<div id="Q1"></div>
Content....
Content....
Content....
<div id="HAB">
  <script type="text/javascript">
    var google_ad_client="ca-pub-xxxxxx";
    var google_ad_slot="yyyyy";
    var google_ad_width=320;
    var google_ad_height=50;
    var data_page_url="http://example.com"; 
  </script>
  <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
  </script>
</div>
<script type="text/javascript">
  document.getElementById('Q1').appendChild(document.getElementById('HAB'));
  var a=document.getElementsByTagName("iframe")[0];
  if(a){a.title="Advertisement";} 
</script></body></html>

这是CSS:

#Q1{display:block;width:320px;height:50px}
#Q1{margin:20px 0}@media screen and (min-width: 348px){#Q1{float:left;margin:12px}}

现在问题是添加标签。我们称之为&#34;广告&#34;。标签必须出现的唯一方法是加载实际广告。这意味着,我无法将<div id="Q1"></div>更改为Advertisement<br><div id="Q1"></div>,或者无论广告是否加载,都会显示Advertisement字样。

我甚至尝试在Advertisement中添加<div id="HAB">这个词,并将广告代码包含在其中的另一个div中,但我仍然没有成功。而不是框中的广告拟合,它向下移动单词Advertisement所需的高度像素数。

总的来说,我想要完成的是将实际广告与其上方的advertisement一起显示在带边框的无边框中,但这两个项目只有在页面值得一个广告。如果页面不配,则不会显示任何广告,并且不会显示单词advertisement

另外,我需要一个与Internet Explorer 7兼容的解决方案。

有什么想法吗?

0 个答案:

没有答案