2016-09-25 12 views
-2

私は自分のロゴをクリック可能にしてホームページに戻るようにしようとしていますが、動作させられないようです。あなたにもルートからであるためにあなたの参照を更新する必要がありますので すべてのヘルプ感謝...私のロゴをホームページにリンクする

<!-- logo begin --> 
 
<div id="logo"> 
 
<a href="index.html"> 
 
<img class="logo logo_dark_bg" src="images/logo.png" alt="/"> 
 
<img class="logo logo_light_bg" src="images/logo_light.png" alt="/"> 
 
</a> 
 
</div> 
 
<!-- logo close -->

+1

Stackoverflowのサーバー上にある既存のindex.htmlを除いて、ライブデモは正常に動作します。どうしたの? [MCVE]を作成したときに「この例で実際に問題が再現されていることを確認する」ステップを忘れましたか? – Quentin

+2

"動作させるように見えない"とは、問題の説明ではありません。起こることを正確に指定し、正確にあなたが代わりに起こることを期待してください。 –

+0

これは正常に動作しているはずです。他の人は、正確に動作しないものを明確にすべきだと言っているからです。 –

答えて

-1

あなたのアンカーは現在、ルートからのみ動作するので、href="/index.html"ノートの出発「/」 。同じことがあなたのsrcリンクに適用されます。/は上記のコードをベースとされている場所となるよう、それはそれは常にあなたのホーム・ページに接続します(例えばsite.com/currentfolder/file.htmlのように)ルートからソースすることで

<div id="logo"> 
    <a href="/index.html"> 
     <img class="logo logo_dark_bg" src="/images/logo.png" alt="logo"> 
     <img class="logo logo_light_bg" src="/images/logo_light.png" alt="logo"> 
    </a> 
</div> 

がアンカーリンクを開始しますこれは通常site.com/index.htmlにあります。

現在のところ(アンカーなしで/)アンカーリンクは、歓迎またはホームページではないファイルをほぼ確実に探しているsite.com/currentfolder/index.htmlを探しています。

更新

また、あなたは、ホームページのファイルが実際に存在しないことを確認する必要があります。通常、あなたの場合、ホームページは/index.htmlではなく、/index.htmとなる場合があります。正しいファイルタイプHTMLリファレンス(.htmlまたは.htm)を持つファイルが存在し、正しく参照されていることを確認してください。

概要問題

  • アンカーhrefファイルが正しいファイルタイプ(.html又は.htm、等)を用いて、存在している必要があり/
  • アンカーhrefファイルで始まる絶対的な基準であるべきです。
  • イメージsrcは絶対参照(/を開始)である必要があります。
  • 画像altは、ウェブサイトの名前および/またはロゴの説明である必要があります。
+0

彼らは、リンクがうまくいかず、画像が表示されなかったというわけではない(これは、あなたが言及していると思う大きな問題です)。イメージが表示されている場合、それらはすでにルートに存在している必要があります。 – Quentin

+0

@クエンティン私は私の答えを明確にしました。 – Martin

+0

あなたは私のポイントに対処していないようです。 – Quentin

関連する問題