链接不会悬停

时间:2014-11-19 04:25:39

标签: html css hover

这是我在html中的简单代码..

<p class="backto">
    <a href="http://saisukamal.com">
   <img src=<?php echo base_url()."images/img_top1.gif";?>><br/>
   <span style="margin-right: -5px;">Home</span></a>
 </p>
  <p class="backto1">
   <a href="http://saisukamal.com/contactus.html">
    <img src=<?php echo base_url()."images/img_top3.gif";?>><br/>
    <span style="margin-right: -5px;">Contact</span></a>
  </p>

第一个链接正在运行,但第二个链接没有。当我删除p类时,它的工作原理。它可能是最重要的。那么解决方案是什么?

2 个答案:

答案 0 :(得分:1)

我相信您构建图片代码的方式。引号未正确创建,因为现有引号用于echo中的字符串,可能会丢弃HTML。

<p class="backto">
    <a href="http://saisukamal.com">
   <img src="<?php echo base_url()."images/img_top1.gif";?>"><br/>
   <span style="margin-right: -5px;">Home</span></a>
 </p>
  <p class="backto1">
   <a href="http://saisukamal.com/contactus.html">
    <img src="<?php echo base_url()."images/img_top3.gif";?>"><br/>
    <span style="margin-right: -5px;">Contact</span></a>
  </p>

答案 1 :(得分:0)

<!doctype html>
<html lang="en">    
<head>
  <meta charset="utf-8">
  <title>Hover demo</title>
  <script>

  </script>
  <style type="text/css">
a{
    cursor: pointer;
}
  </style>

</head>
<body>
<p class="backto">
    <a href="http://saisukamal.com">
   <img src="<?php echo base_url()?>images/img_top1.gif"><br/>
   <span style="margin-right: -5px;">Home</span></a>
 </p>
  <p class="backto1">
   <a href="http://saisukamal.com/contactus.html">
    <img src="<?php echo base_url()?>images/img_top1.gif"><br/>
    <span style="margin-right: -5px;">Contact</span></a>
  </p>
</body>
</html>