-3

a href 链接在 p 标签中停止工作？当我将它们放在 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;

这是我认为我会遇到的最后一个问题。有谁知道为什么会出现这个问题？

4

1 回答 1

2

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

您的代码片段中缺少一些结束标签，但我怀疑这是一个复制错误。

一定要去你的第一个 html 样本，因为第二个是产生无效的 html。<p>在 > 中是不允许的<h2，并且在语义上也是不正确的。它可能适用于大多数浏览器，但对于 SEO 来说完全没有必要。

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

编辑： 您提供的页面有问题，与实际链接无关。上面有一个 div，它是透明的。这会导致您无法访问该链接。尝试使用类似这样的方式更新您的 CSS（您可能需要稍微调整一下数字）：

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

这会导致您的侧边栏缩小并且不再位于您的链接顶部。

于 2012-08-03T23:04:11.010 回答