cssが反映されない！ホームページの背景画像とスクロールバーが表示されない問題

前へ 次へ
このQ&Aのポイント
  • 自分のホームページで設定した背景画像とスクロールバーがサーバーにアップすると反映されない問題について調べています。
  • ffftpでstyle.cssをアップロードしたが、背景画像とスクロールバーが反映されず、CSSのフォルダもテンプレートに含まれていないためどうするか迷っています。
  • CSSのフォルダごとアップロードするか、自分でcssフォルダを作る必要があるのか検索して調べています。
回答を見る
  • ベストアンサー

cssが反映されません

FC2のホームページについてです。 ホームページはなんとか作れてサーバーにアップしたのですが、 style.cssで設定した背景画像とスクロールバーが反映されません＞＜ テンプレートをお借りして、その中に入っていたstyle.cssもそのままffftpに アップロードしました。 ファイル内で自分のホームページを見てみると背景画像と色など設定したスクロールバーは しっかり反映されているのですが、サーバーにアップすると反映されません。 ffftpにstyle.cssをそのままアップロードしたのが間違いだったのでしょうか；； 検索して調べてみるとCSSのフォルダごとアップロードしろと書いてあったりするのですが テンプレートに入っているのはstyle.cssというものだけで、cssフォルダは入っていません。 それともcssフォルダは自分で作るのですか＞＜？

  • CSS
  • 回答数10
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.10

とても忙しいのですが、少し時間が取れたのでサイト拝見しました。 本当にまだ初心者なのですね。 ちょっとショックかもしれませんが、ページを作成したら ★Another HTML-lint 5 ( http://www.htmllint.net/html-lint/htmllint.html ) 　などでチェックするのがもっとも良いです。減点０の項目は宗教的なものもありますからこだわらなくて良いですが、減点数の書かれているものは治すと良いでしょう。 　Another HTML-lintは、厳しいですがなにが悪いかと、その解説や対策まで教えてくれるからとても勉強になります。 <DOCTYPE>の宣言がされていますが、今からはじめられるなら必ずstrictにするべきです。これは1999年のHTML4.01の勧告時に 『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』とされて来たものです。多分参考にされている書籍かサイトは相当古いものだと思います。 　というか、まったく仕様書を知らない人が作られたテンプレートではないかな。Another HTML Lintを確認するまでもなく酷いものです。 　その後、そのままXML化されたXHTML1.0の後、XHTML1.1が勧告されましたが、XHTML1.1ではstrict以外はありません。【現在、勧告直前になっているHTML5は、HTML4.01strictの改訂で、transitinal的なものは一切ありません。】 　そして、HTML4.01で方向性は示されていたのですが、それがまったく徹底していなかった反省からHTML5は、完全に文書構造とプレゼンテーション(表現)は分離されます。たとえば、 「構造とプレゼンテーションの分離 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )」 「単に文書内容を整形する目的だけで表を用いるべきでない。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )」 ★<DOCTYPE>はおまじないなんかじゃありません。仕様書にきちんと書かれているルールです。これはブラウザ(IE)を標準モードで起動させるスイッチにもなっています。 →DOCTYPEスイッチ - Google 検索 ( https://www.google.co.jp/#hl=ja&safe=off&sclient=psy-ab&q=DOCTYPE%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&oq=DOCTYPE%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&gs_l=hp.3..35i39j0.254219.263038.2.263743.24.19.5.0.0.0.330.2992.0j18j0j1.19.0...0.0...1c.1.ix0-Vuoh6Ac&psj=1&bav=on.2,or.r_gc.r_pw.r_qf.&fp=769cfc6a4773dbdc&biw=1024&bih=619 ) 　実は、DOCTYPEの宣言以上にあなたのサイトは、この点で誤りだといえます。厳しいですが、これは今後は絶対に守らなければならない条件の一つです。詳しくは ・スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 ) 　など。 たぶん携帯やスマートホンを想定されたページだと思います。 本来は下記サンプルのようにシンプルなものであるはずです。 iframeはstrictでは使えませんので、objectを使っています。 そのため、targetは同様に使えませんので、それぞれのページにこのソースを書く方が良いです。 　→FRAME 問題 HTML - Google 検索 ( https://www.google.co.jp/#hl=ja&safe=off&output=search&sclient=psy-ab&q=FRAME+%E5%95%8F%E9%A1%8C+HTML&oq=FRAME+%E5%95%8F%E9%A1%8C+HTML&gs_l=hp.3..0i8i10i30j0i8i30.2515.15781.1.16360.23.20.3.0.0.0.408.3490.0j15j3j1j1.20.0...0.0...1c.1.Jvj_QaC4uiM&psj=1&bav=on.2,or.r_gc.r_pw.r_qf.&fp=769cfc6a4773dbdc&biw=1024&bih=619 ) ★Anothe HTML Lint ★W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input ) でテスト済み (注意)　タブは＿に置換してあるので戻すこと！！！ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<meta http-equiv="Content-Script-Type" content="text/javascript"> ＿<title>pochette</title> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rel="stylesheet" type="text/css" media="screen" href="./test.css"> ＿<style type="text/css"> <!-- --> ＿</style> </head> <body> <!-- ここから --> ＿<div class="header"> ＿＿<h1>*pochette*</h1> ＿</div> <!-- ここまではすべてのページで共通 --> ＿<div class="section"> ＿＿<h2>本文</h2> ＿＿<p><object data="./main.html">新着情報は<a href="./main.html">新着情報</a>へ</object></p> ＿＿<div class="Navigation"> ＿＿＿<ul> ＿＿＿＿<li><a href="main.html">Top</a></li> ＿＿＿＿<li><a href="about.html">About</a></li> ＿＿＿＿<li><a href="material.html">Material</a></li> ＿＿＿＿<li><a href="bbs.html">BBS</a></li> ＿＿＿＿<li><a href="link.html">Link</a></li> ＿＿＿</ul> ＿＿</div> ＿＿<p><img src="./g8.png" height="273" width="250" alt=""></p> ＿</div> <!-- ここから --> ＿<div class="footer"> ＿＿<address>Copyright (c) 2012 *pochette* All Rights Reserved.</address> <!-- ここまではすべてのページで共通 --> <script type="text/javascript"><!-- この部分はFC2自動挿入なので省略 --> </script> ＿</div> </body> </html> [CSS] @charset "Shift_Jis"; html,body{margin:0;padding:0;} body{ ＿color: #808080; ＿font-family: 'Osaka,verdana'; ＿font-size: 10px; ＿letter-spacing: 1px; ＿line-height: 12pt; ＿text-align:center; } div.header,div.section,div.footer{ width:30%;min-width:320px; margin:0 auto; } div.section object{width:300px;height:200px;} a:link{color: #808080;} a:hover {color: #FF8040;} h1,div.Navigation{ background-image: url("./cccc12.png"); } div.section div{margin:20px

okasi7
質問者

補足

お忙しい中ありがとうございます＞＜ まず、宣言文を書き直してみました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> フレームを使用している場所には <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> という宣言文です。 チェックもしてみたらかなりの項目がチェックされてしまったので 自分なりに直していこうと思います。。 一つ一つ参考にしながら勉強してみます。 ありがとうございます！

その他の回答 (9)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.9

スタイルシートを使用する最大の利点は、 ・すべてのページのデザインをたった一つのスタイルシートだけで変更できること ・スタイルシートを一度しか読まないのでネット負荷か小さい です。 　詳しい説明は最後に回しますが、階層の異なるところにある、どのHTMLからもスタイルシートを利用するためにはその階層にあわせてスタイルシートへのパスを指定しなければなりません。これはページに画像を貼り付けるのと同じです。 　最も楽なのは絶対パスですが、初心者はローカルでテストできません。 <link rel="/style.css" 　また、スタイルシートで指定する画像も必ずスタイルシートからのパスになります。 　なお、スクロールバーやポインターなどユーザーインターフェイスに関わるものはデザインを変更すべきではありません。プロは決してしませんよ。 　リンク関係の色も可能な限り変更しません。 ブラウザはHTMLファイルをサーバーに要求して入手したら、そのページの描画を完成させるために必要なファイルが追加で必要なら、HTMLに書かれたそのファイルへのパスを計算して、改めてサーバーに要求します。 　そのHTMLが、サーバー名/abc/efg/index.htmlだとして、必要なファイルが ../hoge/abc.css 　でしたら、計算して /abc/hoge/abc.css 　をサーバーに要求します。 指定されたパスが /CSS/abc.css でしたら、そのまま要求します。この場合HTMLがどこにあってもよいことがわかります。 指定されたパスが abc.cssでしたら、今いる位置から計算して /abc/efg/abc.css を求めます。 そして呼び出されたスタイルシートについて、改めて同じ計算をします。今度はHTMLからの位置ではありません。

okasi7
質問者

補足

とても勉強になりました＞＜ ありがとうございます。

回答No.8

no1です。 ここが問題かもしれません。 /* サイトタイトル、メニュー部分の背景画像の設定*/ .back { background: url(img/cccc12.png) repeat; text-align: center; } このように書き換えてください！ .back { background-image: url(img/cccc12.png); background-repeat: no-repeat; text-align: center; }

okasi7
質問者

お礼

ありがとうございます。 無事、画像は表示することできました＾＾

  • mitoneko
  • ベストアンサー率58% (469/798)
回答No.7

＞これは、すべてのページですか？ ＞それともindexだけですか＞＜？ 　この一連の指定は、全てのページに必要です。 　というか、本来、必ず書いてあるべき事項なんです。 　はっきりいって、おまじない以外の何物でも無いんですけどね。 　スクロールバーの色指定に使われている属性ですが、最近のＩＥと昔のＩＥでは指定の場所が違ったはずです。たしか、ＩＥ５．５では、<BODY>への指定で、ＩＥ６以降はブラウザーの動作モードに依存して、<HTML>への指定も必要になる場合がある・・・といった感じだったと覚えています。（両方に指定するものと私は覚えてますが） 　で、ブラウザーの動作モードは、No4.の方が書かれている一連のおまじないの内容によって決まります。他にも、細かいところでいろいろとこの指定でブラウザーの挙動が変わるため、正しく書いておかないといけません。

okasi7
質問者

お礼

とりあえず、 meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>pochette</title> <!--このタグ消すとデザイン崩れます--> <link href="style.css" rel="stylesheet" type="text/css"> を消さずにその上に貼り付けました。 それでも画面じたいは何も変わりませんが、、大丈夫ですかね？＾＾；

okasi7
質問者

補足

すごく重要なことを学びました。。 今すぐ書き加えますね；； これは、 meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>pochette</title> <!--このタグ消すとデザイン崩れます--> <link href="style.css" rel="stylesheet" type="text/css"> を消さないといけないんですか？；； この次の行でも大丈夫ですかね？

  • outbrave
  • ベストアンサー率60% (231/380)
回答No.6

画像の方は style.css .back { background-image: url('http://xpastelcolorx.web.fc2.com/cccc12.png '); repeat; text-align: center; } ５４行目の改行を削除して下のようにしてください。 .back { background-image: url('http://xpastelcolorx.web.fc2.com/cccc12.png'); repeat; text-align: center; } スクロールバーは反映されているようですが、ブラウザによって違いますので。

okasi7
質問者

お礼

画像ちゃんと表示されました！！ ありがとうございます！！

回答No.5

no1です。 まず基本をおさえましょう ＾＾ htmlでコーディングするときは、 かならず宣言文というのが必要になります。 これがないと文字化けしたり、レイアウトが崩れたりします。 index.htmlに限らず、すべてのページに必要です。 そのまえに、問題のstyle.cssのソースコードを見せていただけますか？ ↓これのコピペは後にしましょう、 まんがいち質問者様が手順をまちがえたら僕は責任がとれません。＾＾! <?xml version="1.0" encoding="Shift_JIS"?> <!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=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <link type="text/css" rel='stylesheet' href='default.css' /> <link type="text/css" rel='stylesheet' href='style.css' /> <title>pochette</title> </head>

okasi7
質問者

補足

詳しくありがとうございます！ 宣言文！ とっても必要なものなんですね；； えっと style.cssは @charset "Shift_Jis"; /* ページ全体 */ body,td{ color:#808080; font-size:10px; font-family:'Osaka,verdana'; letter-spacing :1px; line-height : 12pt; } html{ scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#ffc2a6; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; } body{ margin: 0; background:#ffffff; } /* リンクの設定 */ a { color:#808080; text-decoration:none; } a:hover { color:#ff8040; text-decoration:none; } /* メインのテーブル部分の設定*/ .table { width: 320px; text-align: center; } /* サイトタイトル、メニュー部分の背景画像の設定*/ .back { background: url(img/cccc12.png) repeat; text-align: center; } です。

回答No.4

no1です。ホームページ拝見しました。 htmlの宣言文がないですね。 前のデータを念のためとっておいて、 これを頭から</head>まで書き換えてみてください。 <?xml version="1.0" encoding="Shift_JIS"?> <!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> <title>タイトル</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <link type="text/css" rel='stylesheet' href='default.css' /> <link type="text/css" rel='stylesheet' href='style.css' /> <title>pochette</title> </head>

okasi7
質問者

補足

これは、すべてのページですか？ それともindexだけですか＞＜？

  • outbrave
  • ベストアンサー率60% (231/380)
回答No.3

背景画像が表示されないのはパスが間違っているから また、スクロールバーの方は記述が間違っているからだと推測されます。 ソースかページを確認できない場合は推測しかできませんね。

okasi7
質問者

補足

http://xpastelcolorx.web.fc2.com/ これがホームページです。 この「pochette」という文字の背景と 「top,about,material.Link」の文字の背景に水玉の背景画像が表示されるはずなんです。 スクロールバーもノーマルの状態ではなく 色をつけたりしました； でも、ファイルから自分のホームページを見るとどちらも反映されてるのですが。。

回答No.2

no1です。 ヘッダー内にstyle.cssをリンクさせてますか？ こんな感じです。↓ <head> <link type="text/css" rel='stylesheet' href='style.css' /> </head>

okasi7
質問者

補足

テンプレートはお借りしたものなので、 これは元から書いてあったものなのですが <link href="style.css" rel="stylesheet" type="text/css"> とどのページにもかいてあります。

回答No.1

webデザイナーです。 ＦＣ２のことはよくわかりませんが、 htmlファイルとcssファイルは同じフォルダに入れないと反映されませんよ。 ホームページはどのように作られたんですか？ＤＷですか？エディタですか？

okasi7
質問者

補足

ご回答ありがとうございます＞＜ 一つのフォルダに作ったページ(index.htmlなど)とstyle.cssは一緒に入れてあります。 エディタで作りました。 反映されないのは、スタイルシートに記入した背景画像と、色などを設定したスクロールバーだけ なんです； フォントのサイズ、色はきちんと反映されています。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • CSSについて

    CSSテンプレートを使っているのですが、CSSをアップロードしてもスタイルシートが何故か反映されません。 同テンプレートをフリーティケットシアターではちゃんとアップロードできて反映されたのですが・・・。 今は、ロリポップユーザーです。 まったく同じようにしてアップロードしているのに、どうしてロリポップではスタイルシートが反映されないのかが解りません。 本当に困っています。 どなたかお知恵をお貸しください。 因みに、ファイル名はCSS.CSSです。

    • 締切済み
    • CSS
  • スタイルシートで背景画像を指定

    今までbodyタグで背景を指定していたのですが、スクロールバーや余白の設定で スタイルシートを使うことになったので、背景画像もスタイルシートで指定することにしましたが、何度やっても表示されません。 このように書いてみました。 <style type="text/css"> <!-- BODY { background-image:url(img/28.gif); } BODY { 余白の設定} BODY {スクロールバーの設定 } --> </STYLE> htmlと同じフォルダの中にある、imgフォルダの28.gifという画像です。 画像のパスは間違っていません。アップロードもしてあります。 スタイルシートの解説をしているサイトさんを見ても、 何が間違っているのかわかりませんでした。 なぜ背景が表示されないかわかる方いらっしゃいますか？ 余白やスクロールバーはきちんと表示されているのですが・・・

    • ベストアンサー
    • CSS
  • 忍者ホームページにcssが反映されない

    「忍者ホームページ」でサイトを作ろうとしています。 初心者なので下記サイトをみてほぼそのままやってみました⬇️ http://www.htmq.com/csskihon/401.shtml FTPはサーバーダックを使用しています。 htmlは反映されたのですが、cssをアップロードしても反映されません。 フォルダも分けてます。 因に、試しにDreamWeaverにこのhtmlとcssをコピペして入れてみたらプレビューのところには このサイトと同じように反映されてました。 ということは、サーバーダックにアップロードする時に問題があるのでしょうか？ 何か考えられる点があればご回答よろしくお願い致します。

    • 締切済み
    • CSS
  • CSSについて(初心者です)

    こんにちは。 今までは普通にCSSを使わずに普通に作っていたのですが長くそれでやってきたので そろそろCSSに挑戦してみようかと思い、今はCSSのテンプレートを配布しているサイト様にお邪魔しています。 .CSSとアップロードして、他のページにリンクを貼ってやってみたのですが・・・ フォントの方は反映されるのになぜか、スクロールバーだけが反映されません。 最初はタグが違うのかと思い色々やってみたのですが理由が分からず質問させて頂きました。 http://odd.to/template101.html様のtemp103のCSSを利用させて頂いてるのですが・・・。 四苦八苦しているので、もしよろしければアドバイスお願い致します。

    • ベストアンサー
    • HTML
  • cssが反映されない

    サイトを作ろうとしているのですが、初心者なのでこのサイト↓ http://homutuku.com/beginner/330.html を見ながら作っているのですが、スタイルシートが反映されません。 反映されないといっても、ボーダーのオレンジの線一本だけ反映されます。 あとは反映されません。画像なども。 今フォルダは 全体の「hp」というフォルダの中に、「img」フォルダがありその中にheader.gif　がはいっています。 あとはこのサイトと同様、cssファイルとindex.htmlだけです。 なぜでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ホームページのテンプレートを二種類使いたいときstyle.cssはどうアップしたら？

    ホームページビルダー１０とＦＦＦＴＰを使用しています。 初心者なのですが、先日フリーでダウンロードしたテンプレートの 使い方をようやく少しわかり、初めてテンプレートを使って 自分のサイトのＴＯＰページを変えてみました。 それでＴＯＰが変わったので、他のページもテンプレートを使いたいのですが、別のテンプレートをダウンロードして使いたいのです。 その場合、ビルダーで編集はできても、サーバにアップするときに、 style.cssはＴＯＰで使ってるstyle.cssファイルがアップされてしまっているので、新しいテンプレのファイルをアップすることができません（上書きされてしまう） なので、ＴＯＰ以外のほかのページはデザインが崩れてしまい正しくテンプレの表示ができません。 こういった場合どうしたらいいでしょうか？ 複数の種類のstyle.cssをサーバにアップする方法があれば教えてください。 もしくは他の方法でしかできないのであれば教えていただけれると嬉しいです。よろしくお願いいたします。

  • 外部CSSがFireFoxで反映されません

    外部スタイルシートを使用しています。 ローカルでは、IE・FireFoxともCSSが反映されていますが、 サーバーにアップすると、firefoxでは全く反映されません。 一部が反映されない。という状況ではなく、全く読み込まれていない 状況です。 非常に疑問なのが、同じファイルをあるサーバーにアップしたデータはFireFoxで問題なくCSSが反映されていますが、本来アップすべきサーバーにアップすると反映されない状況です。 同じファイルをアップしていてもこのような事があるのでしょうか？ 色々検索はしてみたもののサッパリ原因がつかめず困っています。 どなたか教えてください。 よろしくお願い致します。

    • ベストアンサー
    • CSS
  • Dreamweaver8　CSSが反映されない！

    Dreamweaver8　でサイトを作成しているものです。 今までは、何の問題もなくプレビューでCSSが反映されていたのに、突然プレビューでCSSが反映されなくなりました。 以前自分で作成したサイトをダウンロードして、Dreamweaver8のプレビューを見てみてもCSSが反映されていません。　作成時は、CSSは反映されていました。 もちろん、サイトをアップロードしてみると、きちんと反映されています。 Dreamweaverの環境設定やスタイルレンダリングも確認済みです。　 見ているブラウザは、IE9です。 プレビューにCSSが反映されないので、サイトの作成ができずに、とても困っていました。　どなたか、詳しい方教えてください！！！ 宜しくお願いします！

  • ジオシティーズでのＣＳＳ反映について

    ＨＰ作成初心者です。 現在ジオシティーズにてＨＰを作成しています。 素材屋さんからお借りしたテンプレートを使用しているのですが、ジオシティーズへファイルアップをしてもＣＳＳが反映されていません。 画像・入力した文字なども中途半端な反映で、見えたり見えなかったりしました。 外部リンクタグ等は　 ＜link rel="stylesheet" href="style.css" type="text/css"＞です。 自ＰＣからのブラウザで確認した所、ＣＳＳも反映されていますしやりたいデザインになっているのですが、ジオへはどう反映させればいいのでしょうか。 ヘルプも見たのですが「書式」というのがどこから見るものなのかが今ひとつ分からずにいます。 http://help.yahoo.co.jp/help/jp/geo/create/create-22.html 初心者的な質問で申し訳ないのですがお教えくださると嬉しいです。

  • アップロードした時だけCSSが反映されない　

    プログラミングの知識はほぼ皆無なので無料テンプレートのサイトからテンプレートをダウンロードし、コードはほとんど触らず<p>◯◯◯◯</p>内の文章だけSublime Text2上で編集していました。 写真や内容を自分好みにし、ローカル環境で作動するか試した結果しっかりとCSSも反映されていました。それで、本日実際に多くの人に私のホームページを見てもらいたいと思い、お名前.comにてドメインとレンタルサーバーを取得しました。 そして、すべてのファイルをアップロードし、自分のサイトのURLを検索してみると、全くCSSが反映されていませんでした。 困り果てて、お名前.comの方に連絡しましたが、プログラムの作りに問題があるのでは？と言われてしまいました。実際多くの方はプログラムの作りに問題があって、それがCSSが反映しない原因となっているようですが、僕の場合、テンプレートをダウンロードし文章のみ変えただけで、他のコードやCSSについては全く手を触れていません。また、ローカル環境では問題なくCSSが反映されているのでプログラムの問題ではないと思います。 プログラミングの知識がほとんどなく、どうすれば良いのか分からず困り果てている状態です。。。追加で情報が必要であれば、追加しますので、どなたかHTMLやそのアップロードに詳しい方どうか助けてください。。。 宜しくお願いします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する