![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?c9bd177)
HTMLをメモ帳で一から作って、cssを使いながら作成して、
サイトにアップロードする前までは普通に画像やスタイルも見れていたのですが、
いざサイトにあげてみるとcssで変更してるスタイルになっていません。
リンクも押してみると接続できないとなるのですが、これはどうしてなんでしょうか?
サイトにあげる前はしっかり見れているところから、タグが間違ってるわけではないと思うんですが・・・。
教えていただけると非常にありがたいです。
ちなみにつながらないサイトはこんな状態です。
C:\Users\s102014.TSITCL\AppData\Local\Temp\index.html
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
サーバーにUPする前見れていたのは、
プレビュー環境ではすべてPC内で完結しているからです。
そのCから始まるURLは、PC内のCドライブをさす内部アドレスです。
ですので、web上にUPすれば当然見えなくなるのですよ。
index.htmlの前には、あなたが取得したURLがなくてはおかしいです。
あなたが自分で経営する会社が、自社ビルを持っていたとしましょう。
「3階の総務課の田中さんの机の中に社則をまとめた資料が入っている。」
というのが周知の事実だったとしても、それは他社ビルでは状況が変わりますよね?
取引先に赴いて、事務員の人に、
「3階の総務課の田中さんの机の中に社則をまとめた資料が入っているからみせて」
なんていっても、アホちゃうかコイツ、と思われるのと同じ。
総務課は2階かもしれないし、山田さんかもしれないし、金庫に入っているかもしれません。
同様に、おいてある場所、というのは、
あなたのPCにある時と、サーバーにアップしたときでは違うのです。
ですので、サイトを作っている段階で、リンクの仕方が間違ってます。
たとえば、http://www.test.tsというアドレスがあなたのURLだったとして、
indexをリンクするには、そのリンクにhttp://www.test.ts/index.htmlとすべて入力する必要があります。
もし、リンク元とリンク先が同じhttp://www.test.ts/内で同じ階層なら、
index.htmlだけでもリンクは完了します。どっちでもよいです。
この回答への補足
そうなんですか。
ということは、保存するときにindex.htmlの前に自分のサイトURLをのせて保存するということですか?
それともメモ帳内のどこかをそれに変更するということですか?
No.2
- 回答日時:
あなたのパソコンの中にある情報は外部からはアクセスできませんよ。
そういう情報を書かれていることから、おそらくcss自体が正しく
アップロードされていないか、アップロードされていてもそのパス(場所)
の指定方法が間違っているためにHTMLファイルから呼び出しができていないのではと思います。
この回答への補足
なるほどです。
どうやったら外部からアクセスできるんででしょうか?
あと、html文の中のcssの呼び出しの文はおそらく間違ってないとおもうんですが・・・。
No.1
- 回答日時:
こんにちは。
>C:\Users\s102014.TSITCL\AppData\Local\Temp\index.html
これは質問者様のパソコン(ローカル)にあるファイルですのでインターネット上から参照できません。
CSSは外部ファイルを読み込む形にしていますか?
<link rel="stylesheet" href="xxxxxx.css">
こんな形になっていたときにhrefの中身が上記のようなC:\....ってなっていませんか?
(画像のパスやリンクも同様です)
同じフォルダにcssや画像、リンクがある場合は
./xxx.cssや<img src="./image.jpg">にすれば表示されます。
相対パスで調べてみてください。
外していたらすいません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- インターネット広告・アフィリエイト アフェリエイトサイト 作成について 5 2022/05/13 21:31
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssで、ボタンのテキスト部分を...
-
HTMLの CSSのファイルというの...
-
@importの存在意味
-
cssファイルの名称付け
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
outlook 文字を揃えたい。tab...
-
文字の位置、上下のマージンが...
-
入力規則のリストの文字の大き...
-
テキストエディタmiの表示文字...
-
テーブル内の文字サイズを変更...
-
WEBサイトの作成で、imgタグに...
-
アンドロイドスマホでのphp ech...
-
cssでリンク先のurlを表示させ...
-
印刷時ヘッダーとフッターを挿入
-
ページ内の画像印刷について
-
Outlookのメールを送信するマクロ
-
TD内で日本語を単語単位で扱いたい
-
EXCEL VBA 印刷プレビューダイ...
-
VBAで印刷ページ最終行にページ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
サイトを作る時のcssファイルは...
-
複数のhtmlで同じcssファイルを...
-
ディレクトリ構成【「common」...
-
範囲指定印刷での位置(css)
-
cssで、ボタンのテキスト部分を...
-
スタイルシート(CSSスタイル)...
-
定数の定義とかはできますか?
-
cssが反映されません
-
エクセルファイルにCSSを読み込...
-
Dreamweaver のテンプレートで...
-
cssファイルを階層の異なるHTML...
-
一部のページにデフォルトCSSを...
-
ブラウザでプレビューでCSSが反...
-
ドキュメントルートより上の階...
-
HTMLの CSSのファイルというの...
-
CSSファイルの分け方皆様はどの...
-
<LINK> の ID の属性値
-
[Dreamweaver8]テンプレートに...
おすすめ情報