Question

在p标签中，href链接停止工作？当我把它们放在H3标签中时它们可以正常工作，但是布局/样式表格式似乎已经过时了。这让我想知道它是否与网站css或xhtml有关。

代码段 - 链接不起作用：

<div id="written_content">
<div id="header_image"></div>
         <h1>How we do it</h1>
         <div id="casestudies">                       
              <p><a href="pdf/3Rivers FCU Case Study.pdf" target="_blank">3Rivers Federal Credit Union</a>
<br />
<br />
Momentum developed a three-pronged, integrated approach with 3Rivers to maximize market potential and increase existing branch productivity.</p>

此代码段允许链接正常工作，但格式混乱：

 <div id="written_content">
<div id="header_image"></div>
         <h1>How we do it</h1>
         <div id="casestudies">                       
              <h2><p><a href="pdf/3Rivers FCU Case Study.pdf" target="_blank">3Rivers Federal Credit Union</a></p><h2>

<p>Momentum developed a three-pronged, integrated approach with 3Rivers to maximize market potential and increase existing branch productivity.</p>

这是我的css：

 #written_content {
width: 500px;
float: left;
height: auto;
margin-top: 85px;
margin-left: 47px;
 }

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #333;
float: left;
margin-top: 0px;
margin-right: 8px;
margin-bottom: 0px;
margin-left: 0px;
 }
 h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: lighter;
float: left;
margin-right: 0px;
margin-left: 0px;
color: #999;
margin-top: 0px;
margin-bottom: 0px;
font-style: normal;
}


#written_content p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
width: 465px;
margin-top: 60px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: justify;
color: #999;
line-height: 17px;
}

 #casestudies{

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
width: 500px;
margin-top: 25px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: justify;
color: #999;
line-height: 17px;

这是我认为我会遇到的最后一个问题。有谁知道为什么这个问题会产生影响？

Answer 1

我为你设置了一个小提琴，只需要你的代码，它似乎工作得很好。 http://jsfiddle.net/TGVWv/

你的代码片段中有一些丢失的结束标记，但我怀疑这是一个复制错误。

明确地去找你的第一个html样本，因为第二个是产生无效的html。 <p>＆gt;中不允许<h2，并且在语义上也是不正确的。它可能适用于大多数浏览器，但对于完全没有必要的搜索引擎优化是一个坏主意。

同样，我发现你的链接没有错误，没有任何可以解释为什么它对你不起作用。也许你可以提供它所在的实际页面的链接？...

修改您提供的页面存在与实际链接无关的问题。在它上面有一个div，它是透明的。这会导致您无法访问该链接。尝试用这样的东西更新你的CSS（你可能需要稍微玩一下数字）：

.sidebar { height: 150px; width: 400px; text-align: right; position: absolute; top: 230px; right: 0; }

这会导致侧边栏缩小，不再位于链接之上。

一个href链接在<p>标签</p>中不起作用

1 个答案: