2016-10-07 13 views
0

この質問をする正しい方法を見つけることにはいくつか問題があります。しかし、あなたが問題を理解し、助けてくれることを願っています。ウェブページjsp:ヘッダーは含まれていますがリンクされたスタイルシートは使用していません

jspを使って、本当に基本的なMaven Web-Appをセットアップしました。

現時点では2ページあります。

  1. のindex.jsp(ログイン後のホーム・ページ)(loginbuttonで始まるページ)
  2. home.jspを

は、私はまた、header.jspfooter.jsp持っています。 index.jspとhome.jspの両方がヘッダーとフッターを使用します。

ヘッダーには、stylesheetへのリンクがあります。 プロジェクトを実行するとき。 index.jsphome.jspの両方ともヘッダーを使用しています(適切なタグを持っています) index.jspのみがstylesheetを使用しています。

home.jspは、ヘッダーが正しく組み込まれていても、stylesheetを使用しないのはなぜですか。

状況を理解するのに役立つコードの画像を示します。

プロジェクト構造

The Project Structure

index.jspを同じとヘッダ/ footer.jsp

Index.jsp with the include of header/footer.jsp

home.jspを含むのとヘッダ/ footer.jspを含みます、パスのみが異なります。 しかし、CSSを除いて正しく読み込まれます。

Home.jsp with the same include of header/footer.jsp

そしてここHeader.jspで、あなたはより多くの情報が必要な場合は、スタイルシート

the Header.jsp, with the link to the stylesheet

へのリンクを、私はそれを与えるさせていただきます。

答えて

0

@Rohit Gaikwadの回答のおかげで、私は自分自身を理解することができました。

<link rel="stylesheet" type="text/css" href="css/default-header.css"/> 
    <link rel="stylesheet" type="text/css" href="../../css/default-header.css"/> 

あなたはheader.jspからもindex/home.jsp

からだけではなく、そう(使用されたページからCSSを検索する必要があるので、私は次のようにスタイルシートへのリンクを変更したことが判明しますこの方法で私はindex.jspとhome.jspから使用することができます ( "../"を使ってフォルダをブラウズせずにcss/default-header.cssリンクからindex.jspがCSSをロードできる理由はまだ分かりません)

1

header.jspでCSSをリンクするには、以下のコードを使用します。

<link rel="stylesheet" type="text/css" href="../../../css/default-header.css"/> 

注:あなたが適切にリソースを見つける必要があり、「../」はバックワンステップでリソースを検索しますフォルダ。
現在header.jspdefaultフォルダのリソースを検索します。このリソースはwebapp\pages\layouts\defaultにありますが、あなたのcssはwebapp\cssというフォルダにあります。したがって、そのリソースを見つけるためにトラバースする必要があります。

トリック:プレスを押してハイパーリファレンスリンクをクリックすると、リンクが正しい場合はリソースが直接開かれます。そうでなければ、不正なパスが提供されているとリソースを見つけることができません。
希望のIDEを使用しています。コメントでのクエリの

あなたがdefault/header.jspとしてあなたheader.jspを含める必要がありますので、

  1. あなたindex.jspファイルがlayoutsフォルダ内にあります。今、あなたのコードは、あなたが、その後header.jspfooter.jspにアクセスすることができればheader.jspでアクセス可能である必要がありhome.jspについてlayouts/layouts/default/header.jsp
  2. にheader.jspを検索します。コード../layouts/default/header.jsphome.jspで正しいです。
+0

私はそれを試しましたが、論理的に聞こえます。 CSSをリンクするためにコードを使用すると、実際にIDEでCtrlキーを押しながらクリックすることはできますが、古いリンクではできません。 しかし、CSSはホームAND index.jspにロードされず、使用されません – Tristan

関連する問題