2017-12-31 148 views
0

私はウェブサイトを構築しています。私は、そのページにリダイレクトするFacebookやtwitterのアイコンを持っているようにしようとしていますが、何らかの理由で、私のフッターのリンクがまったく機能しません。彼らは特定のページや一般的なfacebookやtwitterのホームページにリダイレクトされず、イメージからテキストのハイパーリンクに変更しても機能しません。私のフッタにあるリンクは、まったく反応しないようです。私は繰り返しコードをチェックして問題を見つけることができず、すべての画像が適切な場所に保存されていることを知っています。アイコンが表示され、ホバーするとマウスがポインタに変わりますが、クリックすると何も起こりません。私は私のCSSでa.navを参照するだけで、CSSで通常のタグを編集していません。私のフッターの外部リンクは機能していませんか?

footer { 
 
    color: #ffffff; 
 
    padding: 10px; 
 
    text-align: center; 
 
    clear: both; 
 
    font-size: 9px; 
 
}
<footer> 
 
    <p>&copy; 2017 The Michigan Spirits Association | All Rights Reserved</p> 
 
    <a href="http://www.facebook.com"> 
 
     <img src="images/facebook.png" alt="MSA Facebook" style="width:15px"> 
 
    </a> 
 
    <a href="http://www.twitter.com"> 
 
     <img src="images/twitter.png" alt="MSA Twitter" style="width:15px"> 
 
    </a> 
 
</footer>

+1

あなただけでは、これは私たちが問題を再現することはできませんので、いくつかのより多くのコードを表示する必要があります。 – putvande

+0

ブラウザコンソールにエラーや警告がありますか?また、プレーンテキストリンクを試してみましたか? – Penn

+0

イメージをテキストリンクに変更しようとしましたが、同じことが起こります。クリックすると、リダイレクトや何もしません。私はDreamweaverを使用しています。タグのリンクにカーソルを合わせると、画像ではなくリンクではありますが、「画像が見つかりません」というメッセージが表示されます。そして私が使用している画像(アイコン)はうまく表示されています。必要に応じてもっとコードを表示することができます。私に知らせてください。 –

答えて

0

私は私がそれらをクリックすると、そのが正しくHTMLにあなたの言及リンクに基づいてfacebook.comとtwitter.com応答、それは正常に動作し、あなたのHTMLコードとCSSをチェックしていますコーディング ブラウザのキャッシュとすべての履歴を消去する必要があるかもしれませんが、それは動作すると確信しています

0

Webリンク上の画像要素へのディレクトリリンクを置き換えただけで、

footer { 
 
    text-align: center; 
 
    font-size: 9px; 
 
}
<footer> 
 
     <a href="https://www.facebook.com/"><img src="https://png.icons8.com/metro/540/facebook.png" alt="MSA Facebook" style="width: 15px; height: 15px;"></a> 
 
     <a href="https://www.twitter.com"><img src="http://www.freepngimg.com/thumb/twitter/2-2-twitter-png-file-thumb.png" alt="MSA Twitter" style="width: 15px; heigth: 15px;"></a> 
 
    </footer>

関連する問題