プロが教えるわが家の防犯対策術！

jspでcssが読み込めない

解決済

  • 質問者：あゆ0920
  • 質問日時：
  • 回答数：3件

start.jspからmaze.cssを読み込もうとしているのですが、読み込めません。
前に違うサイト様で質問させていただいた時に「cssのフォルダをWEB-INFと同じ階層に入れ、${request.contextPath}/css/maze.cssにすると読み込める」とお聞きしたのですが、何も読み込んでくれません。
始めは
table {
border:1px solid black;
}
上記だけを入れていたのですが、試しに
h1{
font-size: 10px;
}
こちらを入れてみても全く変わりません。
どうしたら読み込めますか？


[start.jsp]
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/maze.css" >
<title>迷路</title>
</head>
<body>
<h1>迷路</h1>
<% String[][] str = (String[][])request.getAttribute("map"); %>
<table border = "1">
<tr>
<% for(int i=0; i<20; i++){ %>
<% for(int j=0; j<20; j++){ %>
<% String s = str[i][j]; %>
<% if(s.equals("S") || s.equals("G")){ %>
<td><img src = "/Maze/picture/start.png" height = "10" width = "10"></td>
<% }else if(s.equals("K")){ %>
<td><img src="/Maze/picture/wall.png" height="10" width="10"></td>
<% }else{ %>
<td><img src="/Maze/picture/road.png" height="10" width="10"></td>
<% } %>
<% } %>
</tr>
<% } %>
</table>
</body>
</html>

「jspでcssが読み込めない」の質問画像

質問者からの補足コメント

  • すみません、どうやって確認すればよろしいでしょうか？

    No.1の回答に寄せられた補足コメントです。 補足日時：2020/09/23 13:01
    通報する

  • Maze.javaからstart.jspを呼び出しています。

      補足日時：2020/09/23 13:11
    通報する

  • <link rel="stylesheet" type="text/css" href="/css/maze.css">となっていました

    No.2の回答に寄せられた補足コメントです。 補足日時：2020/09/23 14:42
    通報する
通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.3ベストアンサー

  • 回答者： naktak
  • 回答日時：

> <link rel="stylesheet" type="text/css" href="/css/maze.css">となっていました


じゃあそこに求めるcssファイルがないんでしょうね。
    • good
    • 0
    • 件
通報する
この回答へのお礼

確かにありませんでした！
初歩的ですいませんでした。ありがとうございました

通報する
お礼日時：2020/09/23 16:20

No.2

  • 回答者： naktak
  • 回答日時：

ブラウザでシステムを表示させて、ブラウザの開発者ツールを利用して、cssを読み込んでいるタグを確認してください。


対象のidやclass、要素があるのに、明確にcssが読み込まれないというのは、確実に『cssファイルが求められているパス位置に存在しない』ことが原因です。
この回答への補足あり
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： naktak
  • 回答日時：

実行したWebページの結果から、URLがどうなっているのか確認してみてはいかがですか。

この回答への補足あり
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報