質問編集履歴

9 追加しました。

ymwtskm

ymwtskm score 9

2019/04/16 19:50  投稿

CSSが適用されない
さくらインターネットの独自のドメインでWebを公開しようとするとCSSが適用されません。ファイルパスが崩れてるのだと思います。
サーバーにファイルを保存し、Chromeで開いて検証でCSSのファイルパスを覗くと以下のような違いがでてきます。
おそらく独自のドメインでCSSのファイルが実際にあるファイルの場所と違うからCSSが適用されないと思うのですが、
普通の?ドメインのCSSファイルパス
http://ryomakonishi.sakura.ne.jp/hello/abc.html
→CSS適用されています。
独自のドメインでのCSSファイルパス
http://parti-re.com/
→CSSが適用されません。
![イメージ説明](21141da68f51d0da8c2bf9208df73541.png)
![イメージ説明](294d5070b9e113b16f1ae7e1dd1a09fa.png)
HTML
![イメージ説明](3ea610cbc5c12ef65896a4fe05c7469a.png)
さくらインターネットの設定
![イメージ説明](70f99532e509776c36668b74706abc38.png)
![イメージ説明](6aa245ebe3e415c0be3d0b3e1160acf2.png)  
適用される
![イメージ説明](6555b12d66c8c2f4e32db43795248adf.png)
適用されない
![イメージ説明](1377e7dbd3b93dc959350b564ba01e30.png)
  • HTML

    16998 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    11676 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • CSS3

    3888 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • HTML5

    7456 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

8 追加しました。

ymwtskm

ymwtskm score 9

2019/04/16 19:49  投稿

CSSが適用されない
さくらインターネットの独自のドメインでWebを公開しようとするとCSSが適用されません。ファイルパスが崩れてるのだと思います。
サーバーにファイルを保存し、Chromeで開いて検証でCSSのファイルパスを覗くと以下のような違いがでてきます。
おそらく独自のドメインでCSSのファイルが実際にあるファイルの場所と違うからCSSが適用されないと思うのですが、
普通の?ドメインのCSSファイルパス
http://ryomakonishi.sakura.ne.jp/hello/abc.html
→CSS適用されています。
独自のドメインでのCSSファイルパス
http://parti-re.com/
→CSSが適用されません。
![イメージ説明](21141da68f51d0da8c2bf9208df73541.png)
![イメージ説明](294d5070b9e113b16f1ae7e1dd1a09fa.png)
HTML
![イメージ説明](3ea610cbc5c12ef65896a4fe05c7469a.png)
さくらインターネットの設定
![イメージ説明](70f99532e509776c36668b74706abc38.png)
![イメージ説明](70f99532e509776c36668b74706abc38.png)
![イメージ説明](6aa245ebe3e415c0be3d0b3e1160acf2.png)
適用される
![イメージ説明](6555b12d66c8c2f4e32db43795248adf.png)
適用されない
![イメージ説明](1377e7dbd3b93dc959350b564ba01e30.png)
  • HTML

    16998 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    11676 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • CSS3

    3888 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • HTML5

    7456 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

7 設定を追加しました。

ymwtskm

ymwtskm score 9

2019/04/16 19:23  投稿

CSSが適用されない
さくらインターネットの独自のドメインでWebを公開しようとするとCSSが適用されません。ファイルパスが崩れてるのだと思います。
サーバーにファイルを保存し、Chromeで開いて検証でCSSのファイルパスを覗くと以下のような違いがでてきます。
おそらく独自のドメインでCSSのファイルが実際にあるファイルの場所と違うからCSSが適用されないと思うのですが、
普通の?ドメインのCSSファイルパス
http://ryomakonishi.sakura.ne.jp/hello/abc.html
→CSS適用されています。
独自のドメインでのCSSファイルパス
http://parti-re.com/
→CSSが崩れます
→CSSが適用されません
![イメージ説明](21141da68f51d0da8c2bf9208df73541.png)
![イメージ説明](294d5070b9e113b16f1ae7e1dd1a09fa.png)
HTML
![イメージ説明](3ea610cbc5c12ef65896a4fe05c7469a.png)
![イメージ説明](3ea610cbc5c12ef65896a4fe05c7469a.png)
さくらインターネットの設定
![イメージ説明](70f99532e509776c36668b74706abc38.png)
  • HTML

    16998 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    11676 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • CSS3

    3888 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • HTML5

    7456 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

6 HTML追加しました。

ymwtskm

ymwtskm score 9

2019/04/16 19:22  投稿

CSSが適用されない
さくらインターネットの独自のドメインでWebを公開しようとするとCSSが適用されません。ファイルパスが崩れてるのだと思います。
サーバーにファイルを保存し、Chromeで開いて検証でCSSのファイルパスを覗くと以下のような違いがでてきます。
おそらく独自のドメインでCSSのファイルが実際にあるファイルの場所と違うからCSSが適用されないと思うのですが、
普通の?ドメインのCSSファイルパス
http://ryomakonishi.sakura.ne.jp/hello/abc.html
→CSS適用されています。
独自のドメインでのCSSファイルパス
http://parti-re.com/
→CSSが崩れます。
![イメージ説明](21141da68f51d0da8c2bf9208df73541.png)
![イメージ説明](294d5070b9e113b16f1ae7e1dd1a09fa.png)
![イメージ説明](294d5070b9e113b16f1ae7e1dd1a09fa.png)
HTML
![イメージ説明](3ea610cbc5c12ef65896a4fe05c7469a.png)
  • HTML

    16998 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    11676 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • CSS3

    3888 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • HTML5

    7456 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

5 画像を添付しました。

ymwtskm

ymwtskm score 9

2019/04/16 19:20  投稿

CSSが適用されない
さくらインターネットの独自のドメインでWebを公開しようとするとCSSが適用されません。ファイルパスが崩れてるのだと思います。
独自のドメインが仮にexample.comとします。  
サーバーにファイルを保存し、Chromeで開いて検証でCSSのファイルパスを覗くと以下のような違いがでてきます。
おそらく独自のドメインでCSSのファイルが実際にあるファイルの場所と違うからCSSが適用されないと思うのですが、
普通の?ドメインのCSSファイルパス
sakuraexample.ne.jp/example.html
http://ryomakonishi.sakura.ne.jp/hello/abc.html
→CSS適用されています。
独自のドメインでのCSSファイルパス
example.com/example.html
→CSSが崩れます。
http://parti-re.com/
→CSSが崩れます。
![イメージ説明](21141da68f51d0da8c2bf9208df73541.png)
![イメージ説明](294d5070b9e113b16f1ae7e1dd1a09fa.png)
  • HTML

    16998 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    11676 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • CSS3

    3888 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • HTML5

    7456 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

4 普通の?ドメイン http://ryomakonishi.sakura.ne.jp/hello/abc.html 独自のドメイン http://parti-re.com/

ymwtskm

ymwtskm score 9

2019/04/16 19:14  投稿

CSSが適用されない
さくらインターネットの独自のドメインでWebを公開しようとするとCSSが適用されません。ファイルパスが崩れてるのだと思います。
独自のドメインが仮にexample.comとします。
サーバーにファイルを保存し、Chromeで開いて検証でCSSのファイルパスを覗くと以下のような違いがでてきます。
おそらく独自のドメインでCSSのファイルが実際にあるファイルの場所と違うからCSSが適用されないと思うのですが、
普通の?ドメインのCSSファイルパス
sakuraexample.ne.jp/example.html
→CSS適用されています。
独自のドメインでのCSSファイルパス
example.com/example.html
→CSSが崩れます。
  • HTML

    16998 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    11676 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • CSS3

    3888 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • HTML5

    7456 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

3

ymwtskm

ymwtskm score 9

2019/04/16 10:00  投稿

CSSが適用されない
さくらインターネットの独自のドメインでWebを公開しようとするとCSSが適用されません。ファイルパスが崩れてるのだと思います。
独自のドメインが仮にexample.comとします。
サーバーにファイルを保存し、Chromeで開いて検証でCSSのファイルパスを覗くと以下のような違いがでてきます。
おそらく独自のドメインでCSSのファイルが実際にあるファイルの場所と違うからCSSが適用されないと思うのですが、
普通の?ドメインのCSSファイルパス
sakuraexample.ne.jp/example.html
→CSS適用されています。
独自のドメインでのCSSファイルパス
example.com/example.html
→CSSが崩れます。
  • HTML

    16998 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    11676 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • CSS3

    3888 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • HTML5

    7456 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

2

ymwtskm

ymwtskm score 9

2019/04/16 10:00  投稿

CSSが適用されない
さくらインターネットの独自のドメインでWebを公開しようとするとCSSが適用されません。ファイルパスが崩れてるのだと思います。
独自のドメインが仮にsuzuki.comとします。
独自のドメインが仮にexample.comとします。
サーバーにファイルを保存し、Chromeで開いて検証でCSSのファイルパスを覗くと以下のような違いがでてきます。
おそらく独自のドメインでCSSのファイルが実際にあるファイルの場所と違うからCSSが適用されないと思うのですが、
普通の?ドメインのCSSファイルパス
sakurataro.ne.jp/hanako.html
sakuraexample.ne.jp/example.html
→CSS適用されています。
独自のドメインでのCSSファイルパス
suzuki.com/hanako.html
example.com/example.html
→CSSが崩れます。
  • HTML

    16998 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    11676 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • CSS3

    3888 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • HTML5

    7456 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

1

ymwtskm

ymwtskm score 9

2019/04/16 08:52  投稿

CSSが適用されない
さくらインターネットの独自のドメインでWebを公開しようとするとCSS等のファイルパスが崩れます。
さくらインターネットの独自のドメインでWebを公開しようとするとCSSが適用されません。ファイルパスが崩れてるのだと思います。
独自のドメインが仮にsuzuki.comとします。
サーバーにファイルを保存し、Chromeで開いて検証でCSSのファイルパスを覗くと以下のような違いがでてきます。
おそらく独自のドメインでCSSのファイルが実際にあるファイルの場所と違うからCSSが適用されないと思うのですが、
普通の?ドメインのCSSファイルパス
sakurataro.ne.jp/hanako.html
→CSS適用されています。
独自のドメインでのCSSファイルパス
suzuki.com/hanako.html
→CSSが崩れます。
  • HTML

    16998 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    11676 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • CSS3

    3888 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • HTML5

    7456 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る