jspでcssが読み込まれない?困ってます
- jspでcssを読み込みたいが、なかなか読み込めない状況です。
- 開発環境はOS fedora11、eclipse3.5、Tomcat 5.5.27、struts1.3.10で、ブラウザはFirefox3.5.4を使用しています。
- サイトを参考にコードを書いたが、tableで指定した枠が表示されず、困っています。
- ベストアンサー
jspでcssが読み込まれません。。
練習で簡単なwebアプリケーションを作成しているのですが,jspでcssを読み込みたいのですが、なかなか読み込めません。 サイトなどを参考にしながら、コードを書いてみたのですがなかなか読み込まれず困ってます。 開発環境 OS fedora11 eclipse3.5 Tomcat 5.5.27 struts1.3.10 ブラウザ Firefox3.5.4 Eclipse内のプロジェクト構造 sample(プロジェクト名) aaaaaa(パッケージ/java) bbbbbb (ファイル) cccccc (ファイル) WEB-INF(WEB-INFの配下にはlib,pages,xmlファイルがあります) lib pages(pagesの配下にはcss,jspファイルがあります) css(cssの配下のcssファイルを読み込みたい) sample.css jsp (jspの配下にsampleファイルがあります) sample(sampleの配下にはsample.jspがあります) sample.jsp sample.jspの中には下記のように書いてあります。 <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" href="pages/css/sample.css" type="text/css"/> </head> sample.cssはhttp://www.stylish-style.com/csstec/basic/b-table-deco.htmlの2をそのまま書いています。 参考にしたサイト http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1313643858 http://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php?topic=36945&forum=12 Firefoxで確認するとエラーも特になく表示されるのですが tableで指定した枠が表示されなくて困っています。 よろしくお願いします。
- KOOL1982
- お礼率25% (8/31)
- Java
- 回答数2
- ありがとう数2
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
原因はJSPの以下のパス指定に問題があると思います。 <link rel="stylesheet" href="pages/css/sample.css" type="text/css"/> 以下のように修正してみては? <link rel="stylesheet" href="../css/sample.css" type="text/css"/>
その他の回答 (1)
えーと、そこにおいて、CSSファイルにアクセスできますかー? 直接、CSSファイルのアドレスをWebブラウザから叩いて、アクセスできるか確認してみてはどうでしょうかー。たぶん、読めないと思うんですがー。WEB-INF外に出してはどうでしょうねー。
関連するQ&A
- ファイヤーフォックスでCSSが読み込まれません
会社のホームページを担当していて困っています。 IEでは、きちんと表示されるのですが ファイヤーフォックスですとCSSを認識してくれないようです。 下記が自分会社のソースです。 何が悪いのでしょうか? よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"> <head> <title></title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/JavaScript"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT language=javascript src="js/libs.js" type=text/javascript></SCRIPT> <meta name="ROBOTS" content="ALL"> <<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="all"> </head>
- 締切済み
- ネットトラブル
- CSS デフォルトについて
<meta http-equiv="Content-Style-Type" content="text/css"> ↑これの必要性は知っているのですが・・・ <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> ↑これを書く意味がわかりません。上記とセットで使わないといけない、ということでいいんでしょうか? あと、参考書を見ながらやっているのですが、上記のように、大文字表記の部分があるのですが、そこは大文字でなきゃいけないということですか?
- ベストアンサー
- HTML
- ファイヤーフォックスでCSSが機能しません
会社のホームページを担当していて困っています。 IEでは、きちんと表示されるのですが ファイヤーフォックスですとCSSを認識してくれないようです。 下記が自分会社のソースです。 何が悪いのでしょうか? よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"> <head> <title></title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/JavaScript"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT language=javascript src="js/libs.js" type=text/javascript></SCRIPT> <meta name="ROBOTS" content="ALL"> <<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="all"> </head>
- 締切済み
- ネットトラブル
- ModalBoxのIEでの表示について
質問です。 javascriptの「ModalBox」についてなのですがModalBox内で指定したhtmlファイルがIE7では表示されません。Firefoxでは表示されるのですが・・・なぜでしょう? 一応javascriptは表示され上からウィンドウは表示されるのですが中身の内容がでてきません(Firefoxなら表示されます) ソースですが 表示するボタンがある側↓----------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>ModalBox サンプル</title> <meta http-equiv="Content-Style-Type" content="text/css" /> <link rel="stylesheet" href="modalbox.css" type="text/css" media="all"> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script type="text/javascript" src="lib/prototype.js"></script> <script type="text/javascript" src="lib/scriptaculous.js"></script> <script type="text/javascript" src="modalbox.js"></script> </head> <body> <h1>ModalBoxサンプル</h1> <a href="sample.html" title="Sample 1" onclick="Modalbox.show(this.href, this.title); return false;">ダイアログを表示</a> </body> </html> --------------------------- 表示されるhtml側↓ <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Sample</title> </head> <body> サンプル </body> </html> ----------------------------- となっています。 調べたところIE7にも対応しているとの事なのですが何故でしょうか?
- 締切済み
- JavaScript
- 孫ファイルに書き込むメタタグは何が必要?
トップページのindexからみて孫にあたるhtmlファイルにどのようなメタタグを書き込んだらいいでしょうか? 今はトップページと同じく <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="description" content=""> <meta name="Keywords" content=""> の4つを書き込んでいます。
- ベストアンサー
- HTML
- CSSが適応されない
ジオシティーズなどのHPにスタイルシートを適応させたいのですが、適応されず困ってます。 <meta http-equiv="content-style-type" content="text/css"> <link href="stylesheet.css" rel="stylesheet" type="text/css"> としてHPに記述してstylesheet.cssという外部ファイルを読み込ませたいのですが適応されません。 どうすればいいのでしょうか? ご回答宜しく御願い致します。
- 締切済み
- HTML
- ドコモ携帯のCSS表示について
ドコモ機種はCSSを使うと携帯からサイトを閲覧出来ないと聞いたのですが本当でしょうか? 私はよく「h1」タグの表示を見やすくするためホームぺージのHEDA内に <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="description" content="~~~"> <meta name="keywords" content="~~~"> <style type="text/css"> <!-- h1 { font-size:90%; } --> </style> とよく記述しています。この記述をするだけで、ドコモ携帯からサイトは見れなくなってしまうのでしょうか?? 詳しい方いらっしゃいましたら、よろしくお願いします。
- 締切済み
- HTML
- CSSのMETA http-equiv・・・・
<link rel="stylesheet" href="style.css" type="text/css"> と ところどころ<span>でCSSを利用していますが、 <META http-equiv="Content-Style-Type" content="text/css"> を書いたほうがいいのでしょうか。 もし、<span>を使用しなければ書かなくても良いものなのでしょうか。
- ベストアンサー
- HTML
- CSSが反映されないで困っています;;
日本のホストの時は、CSSがHTMLにうまく反映されていたのですが、 ホストを海外の T35Hosting と Graffiti.net で同じ様に挑戦したら CSSが反映されませんでした;; index.htmlのヘッド内に下記を書いて、 top.cssの名前でCSSを書きました。 <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" href="top.css" type="text/css"> </head> なぜか、反映されませんでした;; 「/」(ルートディレクトリ)と何か関係あるのでしょうか。 <link rel="stylesheet" href="top.css" type="text/css">の行の href="top.css" を href="/.top.css" などに変えなくてはいけないのでしょうか。。。 お知りの方 よろしくお願いします。
- ベストアンサー
- ブログ
- firefox3.5.7,で表示確認済みのcssがsafari4.0.4,で無効状態です。
初めて書き込みで質問する段階の者です。 ヤフーオークション用ページをhtml内にcssを書いて作成しておりましたが、firefox3.5.7,で表示確認済みのcssがsafari4.0.4,で無効状態です。(ファイルはローカルでデスクトッップに置いてあります。) 調べながらの作業で解決出来ず困っております。 書き方に問題があるはずですが、わかりませんでした。 (未チェックですが、恐らくIE関係も全滅だとは思います。) ひとまずsafariをクリアーできたらと思っておりますので ご存知の方、ご教授お願いします。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>ヤフーオークションページ</title> <meta name="description" content="" /> <meta name="keywords" content="" /> <link rel="stylesheet" type="text/css" href="css/import.css" media="all" /> <style type=" text/css"> </style> </head>
- ベストアンサー
- Mac