Q&A
コメントありがとうございます。
早速、試してみましたが残念ながら状況は変わりませんでしたm(__)m
もしかしたら、自分が間違った作業をしていたかも知れません。
試したURLを上げます。
http://dokoima.net/two/index2.html
また、こうしたら良いんじゃないかと言う作業がありましたら教えてください。
ありがとうございます。
html5upで無料配布しているTWENTYってテンプレートを使ってます。
javaの問題なのか？
何でかデザインが崩れてしまうのです。
このてテンプレート
lang
1/public_html/index.html
に置くと綺麗に表示されます。
http://dokoima.net/
しかし、
lang
1/public_html/one/index.html 2/public_html/two/index.html
みたいに１つ下のフォルダに置くとデザインが崩れてしまうんです。
http://dokoima.net/two/
lang
1/public_html/index.html 2/public_html/css/ 3/public_html/js/ 4/public_html/fonts/ 5/public_html/two/index.html
ってな構成になってます。
/public_html/two/index.html
に置かれてる
http://dokoima.net/two/
を綺麗に表示させたいです。
良い方法はありませんでしょうか？
宜しくお願いします。
回答3件
0
ベストアンサー
CSSやJavaScriptのファイルを参照できないのが原因ですので、すべてのフォルダとファイルをtwoフォルダに移動するか、もしくは、
lang
1<base href="http://dokoima.net/">
これをtwo/index.htmlのhead要素内の上のほうに書いてやれば、public_html直下にあるcssやjsフォルダを見に行ってくれます。
投稿2015/02/26 00:45
総合スコア1293
0
装飾を指定しているcssのpathが以下のようになっています。
<link rel="stylesheet" href="../css/skel.css" /> <link rel="stylesheet" href="../css/style.css" /> <link rel="stylesheet" href="../css/style-wide.css" /> <link rel="stylesheet" href="../css/style-noscript.css" />
ここで指定されている ../css/skel.cssは index.html からの相対パスなので
/public_html/two/css/skel.cssを指定しています。
なのでこの記述をDocumentRootからの絶対パスで /css/skel.cssに変更するとうまくいくと思います。
投稿2015/02/26 01:27
総合スコア408
<noscript></noscript>で囲まれている中にcssの記述があるので、
JavaScriptが実行できる環境ではCSSが効かなくなっています。
なので、<noscript>タグを削除したらうまくいくと思われます
0
試しに
/public_html/js
フォルダの中をそのまま
/public_html/two
の中へコピペして
/public_html/two/index.html
のファイルの
lang
1<script src="../js/(略).js"></script>
を
lang
1<script src="js/(略).js"></script>
に戻してみてください。
私も初心者なのでイマイチわかってませんが、
上の階層のjsフォルダをブラウザが読み込もうとしないのかな・・・？
投稿2015/02/26 00:55
総合スコア187
mankanさん こんにちわ
jsフォルダをコピーしたらできそうだなとは思いました。
しかし、フォルダを増やす度にjsフォルダも追加するのは、違う気がするのでこの方法は避けたいです。
しかし、試してみましたｗ
<!--[if lte IE 8]><script src="/css/ie/html5shiv.js"></script><![endif]-->
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/jquery.scrollgress.min.js"></script>
<script src="js/scrolltopcontrol.js" type="text/javascript"></script>
<noscript>
<link rel="stylesheet" href="/css/skel.css" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="stylesheet" href="/css/style-wide.css" />
<link rel="stylesheet" href="/css/style-noscript.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="/css/ie/v8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="/css/ie/v9.css" /><![endif]-->
＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃
<!--[if lte IE 8]><script src="/css/ie/html5shiv.js"></script><![endif]-->
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/jquery.scrollgress.min.js"></script>
<script src="js/scrolltopcontrol.js" type="text/javascript"></script>
<noscript>
<link rel="stylesheet" href="/css/skel.css" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="stylesheet" href="/css/style-wide.css" />
<link rel="stylesheet" href="/css/style-noscript.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="/css/ie/v8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="/css/ie/v9.css" /><![endif]-->
JSフォルダをアップして上記の２パタンを試しましたがダメでした。
http://dokoima.net/two/index3.html
試したURL上げときます。
前向きでは無いですがCSSもコピーしたら次こそ、行けそうな気がします。
しかし、避けたい方法ではあります。。。
また、良い案があったら、お願いします。
ありがとうございました。
上記の２パタンと書いた所、同じものを書いてしまいました。
もう１パタンは
<!--[if lte IE 8]><script src="../css/ie/html5shiv.js"></script><![endif]-->
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/jquery.scrollgress.min.js"></script>
<script src="js/scrolltopcontrol.js" type="text/javascript"></script>
<noscript>
<link rel="stylesheet" href="../css/skel.css" />
<link rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="../css/style-wide.css" />
<link rel="stylesheet" href="../css/style-noscript.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="../css/ie/v8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="../css/ie/v9.css" /><![endif]-->
でした。
CSSのパスを変えたパタンです。
修正の仕方、わからなかったので。
解決したいんですけど、何かがひかかってるんですよね。。。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/02/27 00:08
2015/02/27 00:18
2015/02/27 22:50