-3

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;

これが、私が抱えると思っていた最後の問題でした。この問題が発生している理由を知っている人はいますか?

4

1 に答える 1

2

私はあなたのコードだけであなたのために少しフィドルを設定しました。それはうまくいくようです。http://jsfiddle.net/TGVWv/

コード スニペットにいくつかの終了タグがありませんが、コピーの間違いだと思います。

2番目は無効な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 に答える