• ベストアンサー

ホームページ作成のCSS（スタイルシート）の質問です。

ホームページ作成のCSS（スタイルシート）の質問です。 http://clubt.jp/myshop/S0000034373.html 上記のサイトはヘッダーとフッダーしか変更できないシステムです。 （さらにCSSの外部ファイル化ができません） このサイトをカラフルにしたいのですが、CSSの知識がありません。 CSSとは<body>の中に書くものですか？ （そんな初心者の知識もありません） なにか良い知恵をお貸し下さい。

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

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

  • ベストアンサー
  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.1

>さらにCSSの外部ファイル化ができません ??? 最初から <link href="/css/product_shop.css" rel="stylesheet" type="text/css"> でCSSが外部ファイル化されて作成されていますが？ このCSSをいじくればいいだけですが。 またCSSは通常<head>と</head>の間に記述します。 あと、Mac Firefox3.6.6だとレイアウトが崩壊してまともに見れない状態です。

shousen
質問者

お礼

大変参考になりました。 ありがとうございます！！

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

関連するQ&A

  • ホームページビルダー12でスタイルシートで入力したいのですが…

    ホームページビルダー12を使用しているのですが、「編集」の「背景/文字色の設定」で入力すると<BODY></BODY>間に表示されてしまいます。<style type="text/css"></style>間に表示させるにはどうしたら良いのでしょうか？（外部スタイルシートではなく）

  • ホームページビルダーでの外部CSS

    ホームページ作成しています。 ど素人なりに頑張っていますが、内容が増えていくにつれ、だんだん動作が遅くなってきました。 そこで、最近「外部にスタイルシートを作る」ということを学びましたが、「div」あたりになると、さっぱり理解できず、結局「body」や「A」などのCSSを外部にするという段階にとどまっています。 もうすでに、レイアウトやデザインは決まっているので、今ある「manu」や「head」などを外部CSSに固定すれば、あとは記事を書くだけでページが作れると思うのですが…。 CSSのサイトはいろいろ拝見したのですが、レイアウトの段階になると、途中でわからなくなってしまいます。 ホームページビルダー付属のスタイルシートでは、デザインが合いません。そこで、素人にもわかりやすい、レイアウト枠としての外部CSS作成法をご指導ください。また、そのようなフリースタイルシートのソースなどがあればご紹介ください。 とにかく、外部CSSで、レイアウトを固定したいのです。 よろしくお願いいたします。

  • ホームページビルダー８でスタイルシートを使いたい。

    HTML初心者です。ホームページビルダーは簡単ですが何度か経験があります。ホームページビルダー８で他のサイトからのスタイルシートというものを使って簡単に作成したいのですが・・ http://wbakibaki.id25.com/ こちらのサイトでテンプレートをダウンロードさせて頂きました。 ですがその先が分かりません^^； 解凍はできたのですが開けると何個もフォルダがでてきてしまってその中のcssというフォルダの中のstyleという所を開けるとカスケードスタイルシートドキュメント（cssファイル）であるのですがそれを全部コピーしてHPBのHTMLソースに張り付けるのでしょうか？ ちなみにHPBの白紙のページのHTMLソースが <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 8.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY></BODY> </HTML> とあるのですがどこの部分にいれるのですか？ 色々自分なりに調べましたがイマイチ分かりません・・ それでいれられたとしたらテンプレートで見た物とまったく同じような画面がでてきてそれを編集するのでしょうか？どなたか初心者でもわかるように教えていただけませんでしょうか？ なにか間違っていたり、補足が必要ならいたしますので宜しくお願いします！

    • ベストアンサー
    • HTML
  • スタイルシート作成について

    ＨＰビルダー16でサイトの作成をしています。 ヘッダ・ナビ・コンテンツ・フッタと外部スタイルシートで作ったのですが、 フッタの上にもうひとつ、枠？＃ID　を追加したいのですが いろいろ試したのですができず　困っています。 どなたか、わかるかたお願いいたします。

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

    超初心者で悪いのですが、スタイルシートの記述方法がよく分かりません。確か記述方法は３つあると思うのですが、ＣＳＳファイルを利用して記述する方法が分からない(できない)のです。ここからは実際に自分が今使っているホームページ作成サイト(初心者)に書かれていて理解できない(実際にやってみたがうまくいかない)所をここに書きます。 ３、ＣＳＳファイル利用により記述する方法 テキストエディターで”スタイルを適用する対象名 {　～　}”として記述し、 ファイル保存するときに、拡張子が”.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> 見ても分かるとおり、タイトルの部分がないのです。 タイトルがなくても良いのですか？ あと、このＨＴＭＬデータを.ＣＳＳファイルと同じフォルダ内に作成するという意味が分かりません。 本当に超初心者で悪いのですが、本当に困っています。誰か分かりやすく教えてくれる方はいないでしょうか？お願いします。

  • 外部スタイルシートが読み込めない

    こんにちは。 外部スタイルシートが読み込めず 困っています。 HTMLは、 <html> <head> <link rel="stylesheet" href="controlbox2.css" type="text/css"> </head> <body> <div class="modal">syun</div> </body> </html> controlbox2.cssは .modal{ background-color:#fff; padding:10px; border:1px solid #333; } だけです。 もちろん同じディレクトリで あり何度も確認しています。 ブラウザは、IE7です。 ヘッダー部分に スタイルシートを書くと 当然効果があります。 <head> <style type="text/css"> .modal{ background-color:#fff; padding:10px; border:1px solid #333; } </style> </head> 文字コードは、ともに SHIFT_JISで保存しています。 何が悪いのか、 全くわかりません。 何か分かる人がいましたら、 よろしくお願いします。

    • ベストアンサー
    • HTML
  • css、スタイルシートの読み込み順について

    head内に<link type="text/css……>でスタイルシートを3つ読み込んでいて ①reset.css ②style.css ③content.css の順で上から下に並べてるのですが②が後で読み込まれます。 !importantはどのスタイルシート内にもついてませんし、リンクの指定ミス等もありませんでした、メディアクエリのミスもありません。 一体なにが原因として考えられるでしょうか…お知恵を貸していただけますと嬉しいです。

    • 締切済み
    • CSS
  • ホームページに、ユーザがcssのスタイルシートを選択し、切り替えられる

    ホームページに、ユーザがcssのスタイルシートを選択し、切り替えられる機能をつけたいと思い、 http://allabout.co.jp/gm/gc/23930/5/ の通りに記述しました。 しかし、このように記述したページのみスタイルシートの変更ができたのですが、リンク先に飛ぶとスタイルが標準設定に戻ってしまい、再び選択をおこなわなければなりませんでした。 構成は、 index.html index2.html mystyle.css mystyle2.css となっており、index.htmlとindex2.htmlにそれぞれ、上のホームページの通り記述しました。 (何も選択していない状態では、mystyle.cssが適用され、mystyle.cssとmystyle2.cssを選択できます。) リンク先に飛んでも、選択したスタイルを維持することはできないでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • スタイルシートを使用したホームページの作成について

    教えて下さい。ホームページビルダー７を使用して、現在HPを作成しているのですが、スタイルシートを使って、同じレイアウトのページを作成したいと思っています。イメージとしては、ページ上部にタイトル、左側にメニューバーと考えているのですが、これをテンプレートとして保存して、各ページを作成しているのですが、この方法だと、メニューに１つコンテンツを増やしたりすると、すべてのページに１つずつコンテンツをつけてしていかなければいけません。今後の事を考えれば、コンテンツが増えていくと考えられますので、外部スタイルシート（css?)を使用して、そこを変更すれば全ページのメニューに反映されるような方法をとりたいと思います。 フレームを使用すればそれは簡単ですが、HPにフレームはいろいろな弊害があるので、やめたいと思います。フレーム以外でそれと同じような方法があればよろしくお願いします。 私のホームページの知識は、ビルダーで作成して、HTMLをちょこちょこと変更するぐらいなので、専門的に勉強していません。大体の意味がわかるのですが…。 どうぞよろしくお願いします。

  • スタイルシート（CSS）の質問です

    スタイルシート（CSS）初心者ですが、教えて下さい。 HPを作成しております。 HP内を検索する「サイト内検索CGI」を設置しております。 検索枠（フォーム）を下記CSSタグ入力しております。 style="border:1px #999999 solid" とあるサイトで、角が丸くなっているフォームを見ました。 CSSでフォーム角を丸くする事は可能でしょうか？ もしくは画像を使えば可能でしょうか？ どうぞ宜しくお願いします m(_"_)m

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する