可打印的标签按钮

时间:2017-03-21 11:07:26

标签: html css printing tabs user-controls

我目前停留在一些HTML代码中。在我的网站上,我目前有5个现有标签,但我想制作一个可点击的用户,将用户重定向到可打印页面,弹出打开特定于浏览的打印菜单。我想我的HTML代码中可能遗漏了一些东西。在下面你可以找到我从我的一个标签中提取的简化版本:

<div class="tab-item">
 <a class="tab-label text-center"><i class="icon-1-map"></i> Ligging</a>
 <div class="tab-content">
  <iframe src="<!--GOOGLE MAPS LINK-->" style="width:100%; height:400px; frameborder:0; border:0" allowfullscreen></iframe>
 </div>  
</div>

我想实现类似这样的东西

<div class="tab-item">
 <a href="../../print/k420-torhoutsesteenweg306.html">
  <i class="icon-1-print"></i> Print deze pagina
 </a>
</div>

问题是,有时标签甚至没有显示,如果我将代码更改为下面的代码,则不会将我带到链接页面。

<div class="tab-item">
 <a class="tab-label text-center" href="../../print/k420-torhoutsesteenweg306.html">
  <i class="icon-1-print"></i> Print deze pagina
 </a>
</div>

有人能帮助我吗?

如果您想查看完整的源代码,请点击here

谢谢!

1 个答案:

答案 0 :(得分:0)

欢迎使用StackOverflow。

1)要在加载时打开页面的打印对话框,只需将其添加到HTML <body>的底部<script>window.print()</script>

2)至于您的消失代码,请提供更多信息和/或链接您的CSS。另外,为什么你自己使用<i>呢? <i>将在斜体

中显示文字

您提供的信息不足以纠正任何问题。