ブログ作成におけるスタイルシートの問題

前へ 次へ
このQ&Aのポイント
  • FC2で無料HP作成していますが、スタイルシートを使えません。
  • トップページとリンクページは作成できたものの、スタイルシートをリンクさせても画像が表示されません。
  • LoveAppleテンプレートサイトから拾ってきたHTMLファイルをアップロードしても表示されないため、アップロードの仕方が間違っている可能性があります。
回答を見る
  • ベストアンサー

ブログを作りたいのですがスタイルシートを使えません…

FC2で無料HP作成していますがindex.html等をアップロードしトップページとリンクページは作成できたのですがstylesheet.cssをアップロードしてHTMLでリンクさせてもトップページの画像等が表示されません…（画像はアップロードしています。） LoveAppleというテンプレートサイトから拾ってきたのですが、フォルダの中でHTMLファイルを実行するとちゃんと表示されますがアップロードするとみれません… 多分アップロードの仕方が間違ってるんだと思いますが… すいません詳しい方いましたらご教授お願いします。 一度テンプレを何もいじらずにそのままアップロードしましたがやはりダメでした。

  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
回答No.1

ええと、多分CSSの読込は相対パスで書かれていますよね？ 問題の反映されないページを開いて、例えば~~/index.htmlなら、 ~~/の後のindex.htmlの部分を丸ごと、CSSの読込をしている相対パスに 書き換えてみて下さい。 無事、CSSがダウンロードされれば、読込はできているはずなので 中身の記述や画像の置いてある場所に何か問題があるのだと思います。 ここでそのCSSファイルが見付からないとなれば、相対パスが間違っています。 つまり、オフライン上とオンライン上でファイルの置き場所が違ってしまっているのでしょう。 階層構造がオフライン上とオンライン上で同じになっているかどうかを確認してみて下さい。 違っていなければ、具体的に中身を提示して質問し直されると良いと思います。

creast
質問者

お礼

解決しました！ スタイルシートは読み込んでいましたがイメージをimgフォルダを作ってそこに入れていなかったのが原因みたいでした。 ありがとうございました。

creast
質問者

補足

ソース書きたいのですがここに書き込みにくいHPなのですいません。 一応違う人が作ったFC2のHPから（同じテンプレの物）をソースを表示して丸ごとコピーして使いましたが自分のだけはスタイルが昨日していない様でした… もしかしたら画像が表示されていないだけかも知れませんが 画像もちゃんとUPしていますが…

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

関連するQ&A

  • スタイルシート、テンプレート

    綺麗なホームページを作成しようと思い、トップページにＨＴＭＬ式のテンプレートを使い作成を試みました。 テンプレートの作成方法に書いてあった通りに、index.htmlというフォルダを開き、ソースを表示させて、日本語部分を自分のホームページ仕様に書き換え、最新の情報に更新すると綺麗なホームページになっているのですが、それを自分がホームページを作ろうとしているＦＣ２というサイト上にアップロードすると原形をなくしてしまい、色の着いたヘッダーや仕切り線、フッダーもなくなり、作成したテンプレートとは違う物になってしまいます。 何か操作が違っているのでしょうか？ 初心者がテンプレートを使うのは難しいのでしょうか？

  • スタイルシートの<link>表記について

    色々なことを試しても解決できないので質問させてください。 現在のディレクトリ構成は、 HPフォルダ－index.html 　　　　　| 　　　　　－report.html　（www.○○○.com/report.html） 　　　　　| 　　　　　－report1.html　（www.○○○.com/report1.html） 　　　　　| 　　　　　－report2.html　（www.○○○.com/report2.html） 　　　　　| 　　　　　－css－text.css 　　　　　　 　| 　　　　　 　－base.css といったように1つのフォルダに全てのHTMLファイルが入っているのですが、 「HPフォルダ」の中に「report」というフォルダを作って、 HPフォルダ－index.html 　　　　　| 　　　　　－report.html　（www.○○○.com/report.html） 　　　　　| 　　　　　－report－report1.html　（www.○○○.com/report/report1.html） 　　　　　　　　　| 　　　　　　　　　－report2.html　（www.○○○.com/report/report2.html） 　　　　　| 　　　　　－css－text.css 　　　　　　 　| 　　　　　 　－base.css といったように「report」フォルダの中に「report1.html」や「report2.html」などを入れると、 孫ページへのスタイルシートの効果が消えてしまいます。 そこで孫ページ<HEAD>内の <link rel="stylesheet" type="text/css" href="css/base.css" /> を <link rel="stylesheet" type="text/css" href="../css/base.css" /> に変更するといいと言われたことがあるのですが、効果が適用されません。 どういった<link>表記にすれば孫ページにスタイルシートの効果が適用されるのでしょうか？ 説明が下手ですみません。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • スタイルシートでのマウスオーバー時の画像について

    久しぶりにHTMLをいじってたんですが、すっかり忘れちゃって 色々見てみたんですが、解決しなかったので教えて下さい。 indexと同じディレクトリにdesignというフォルダを作り中にmouse_over.cssという カスケードスタイルシートを作りました。 "mouse_over.css"の内容は a:link.link1{ width:100px; height:25px; background-image:url(./pic/home.png); } a:hover.link1{ width:100px; height:25px; background-image:url(./pic/home_over.png); } です。それと、上同ディレクトリにpicというフォルダを作り、homeとhome_overという2種類の画像を入れてあります。indexには、head内に <link rel="stylesheet" type="text/css" href="design/mouse_over.css" />というリンクを張り、 body内に<a href="リンク先URL" class="link1"></a>としましたが、画像が出ません。 上記のCSSをindex内に<style>括りで書くと、画像も表示されちゃんとマウスオーバーで 画像が変わるのですが、CSSを別に置くとindexは真っ白のまま何も表示されません。 何処が間違っているのかかなり色々やったのですが、まったくわからなくなってしまい、 困っております。 どうか智恵をお貸し下さい。宜しくお願いします。

  • スタイルシート２

    １．スタイルシートで、外部スタイルシートがありますが これはそんなに使い勝手がよいでしょうか？ <link rel="stylesheet" type="text/css" href="style.css"> と記述する上で、これはルールですからしょうがないでしょうが、<link rel="stylesheet" type="text/css" とここで、stylesheetを指定していて、さらにtext/css" でも、”スタイルシート”ですよ！！ といっているのですから、最後のhref"URL"後のstyle.css の記述は無駄になるような（くどい＾＾）気もします。 これは、しょうがないですよねー。 個人で使うなら、HTMLで充分なような・・ あと、埋め込みスタイルでよういような・・ ２．さらに、スタイルシートはたしかに軽くなりますが、 記述が面倒で、フルスペル（省略できない）。 HTMLでは、<Li></LI>や、<tr></tr>で 表示できますが、こちらはすべて書かなくてはならないので便利とはいえ、つかいやすいでしょうか＾＾ リンクできるのは、見やすく便利ですが・・・

  • FC２ブログのTOP画像にリンクを付ける方法

    FC２ブログのTOP画像エリアの画像にリンクを付ける方法がわからないのですが・・・ テンプレート　hiyoko-menu950 このテンプレでTOP画像を設定してある記事からこのTOP画像をクリックするとトップページに 飛ぶように設定したいです。 ご教授よろしくお願いいたします。

  • スタイルシートに関して教えてください！本当に困っています！

    超初心者で悪いのですが、スタイルシートの記述方法がよく分かりません。確か記述方法は３つあると思うのですが、ＣＳＳファイルを利用して記述する方法が分からない(できない)のです。ここからは実際に自分が今使っているホームページ作成サイト(初心者)に書かれていて理解できない(実際にやってみたがうまくいかない)所をここに書きます。 ３、ＣＳＳファイル利用により記述する方法 テキストエディターで”スタイルを適用する対象名 {　～　}”として記述し、 ファイル保存するときに、拡張子が”.css”というＣＳＳファイルを作ります。 そして、ＨＴＭＬファイル内にはＣＳＳファイルを参照しなさいという指示である、<LINK href="ＣＳＳファイル名.css" type="text/css" rel=stylesheet> をヘッダー部分に記述します。 ＜＜　ＣＳＳファイルデータ例（下記のデータだけを記述して.cssファイルを作成　＞＞ ＜　ファイル名＝style.css　＞ p { color:blue } ＜＜　HTMLデータ例（.cssファイルと同じフォルダ内に作成する）　＞＞ <html> <head> <LINK href="style.css" type="text/css" rel=stylesheet> </head> <body> <p>スタイルシート</p> </body> </html> ＜＜　ブラウザ表示　＞＞ スタイルシート 分かりずらかったらここを参照してください。(たぶん削除されると思うが) http://homepage-how.com/hp/hp-css2.html まず、３に書いてあるとおりにＣＳＳファイルを作成しました。 次からがよく分からないのです。３に書いてあるとおりにＨＴＭＬファイルを作成しようと思ったのですが、なぜか、ホームページの基本構造ではないのです。 こういう事です 　　↓ <html> <head> <LINK href="style.css" type="text/css" rel=stylesheet> </head> <body> <p>スタイルシート</p> </body> </html> 見ても分かるとおり、タイトルの部分がないのです。 タイトルがなくても良いのですか？ あと、このＨＴＭＬデータを.ＣＳＳファイルと同じフォルダ内に作成するという意味が分かりません。 本当に超初心者で悪いのですが、本当に困っています。誰か分かりやすく教えてくれる方はいないでしょうか？お願いします。

  • 外部スタイルシートは分ける？

    外部スタイルシートを分けるのかそれともまとめるのか？ もしくは分けるべきなのかまとめるべきなのかがわかりません。 index を含む全ページに共通の class 指定があれば、１つの外部でいいですが、 各ページ固有の class 指定があった場合これは分けたほうがいいでしょうか？ つまり、 <link href="main.css" rel="stylesheet" type="text/css"> と全ページに置き、全ての指定をここに入れるのか、それとも <link href="main.css" rel="stylesheet" type="text/css"> <link href="a.css" rel="stylesheet" type="text/css"> として共通の指定と、各ページ固有の指定は分けたほうがいいのか、 そのあたりがわからなくて困ってます。 前者だと１つファイルでいいとは思いますが、長くなってしまいますし、 ページによっては必要ない部分まで読み込むことになります。 多分一長一短で好み次第ということにはなるかと思いますが、 実際にどちらの方法でやっていて便利だという経験をお聞かせいただければ、 大変ありがたく思います。よろしくお願いします。

  • ＨＰの2ページ目の作り方

    初めて利用させていただきます、ＷＥＢ初心者ですがよろしくお願いします。 現在ホームページをホームページビルダーで作成しています。 テンプレートができたのですが次のページの増設をどのように行なうのが良いのか分からずに困っています。 ディレクトリの構成はルートフォルダの下に index.html（まだ、コンテンツは作っておらず、段組の状態です）＝cssフォルダ＝imageフォルダ＝pageフォルダ というように３つのフォルダ+インデックスhtmlで分けています。 各フォルダにはcssとimageが入っていて、現在ｐａｇｅフォルダが空の状態です。 この状態でインデックス（テンプレート）を作り終えたところです。 ページフォルダにテンプレートを使って新しいページを増やしていきたいのですが、 この場合ｐａｇｅフォルダにインデックスhtml（テンプレート）をコピペするとｈｔｍｌとｃｓｓの画像やリンクのＵＲＬを全て書き換えなければならないのでしょうか。 まず、ディレクトリ構成として正しいのか、正しいのであればどのように増設していくのが効率が良いのか、それとも階層が変わるたびに全ての画像やリンクのＵＲＬを書き換えてやっていくしかないのか。 どなたか詳しい方、ご教授お願い致します。

    • ベストアンサー
    • CSS
  • FC2ブログのテンプレートに関する質問

    FC2ブログのテンプレートに関する質問です。 CSSやHTML等に関する知識はほとんど皆無なのですが、 どうしても細部にまでこだわりたいの性格なので タイトル（TOP）画像をランダムに表示させる方法を 教えてもらえませんか？ ちなみに、私は以下のテンプレートを使っています。 http://icene.biz/template/fc2blog_template/14/

  • スタイルシートについて

    今現在の年を取得してそれを表示するようなスタイルシートを作成中です。 ＜スタイルシートの中身＞ #DEFAULT_YEAR { <SCRIPT LANGUAGE="javascript"> <!--- now = new Date; document.write(now.getYear()); //---> </SCRIPT> ＜HTML＞ <LINK rel = "stylesheet" href="default_year.css" type="text/css"> 1996-#DEFAULT_YEAR としても表示されません。。。 なにがおかしいのかわからないので、ご教授お願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する