• 締切済み

このCSSの貼り付け方について。

http://www.lucky-bag.com/archives/2005/04/footer.html このCSSは設置したいテキストに貼りつけるのでしょうか? それとも別に新しいテキストを作って貼りつけるのでしょうか? このCSSの貼り付け方法も教えていただけると嬉しいです。 回答宜しくお願い致します。

みんなの回答

  • aoumiushi
  • ベストアンサー率45% (234/512)
回答No.1

◎外部ファイルなら ・メモ帳などで、CSSソースを記述し(コピペ)、拡張子を css で保存する。 ・<head>内に、保存したファイル名を記述する。 <head> <link rel="stylesheet" href="ファイル名.css" type="text/css"> </head> ◎HTML内部なら ・<head>内に、CSSソースを記述(コピペ)する。 <style type="text/css"> <!-- cssの内容 --> </style> 参照ページの ’footerサンプル’を開き、ソースを表示してみては?

関連するQ&A

  • CSSの>はどういう意味でしょう?

    ttp://www.lucky-bag.com/archives/2005/04/footer.html 上のサイトで、以下の記述を見つけました。 >はどういう意味でしょうか? body > #container { height: auto; }

    • ベストアンサー
    • CSS
  • XHTML+CSSでフッターを下部に固定させるには?

    http://www.hddx.net/hc2/_index.html ※CSSファイル http://www.hddx.net/hc2/includes/main.css 上記のようなサイトを制作しており、フッター画像をウィンドウサイズに関わらず、下部に固定させようとしています。 下部に固定させ、ウィンドウサイズの変更にも対応できたのですが、 ウィンドウの縦幅をどんどん狭くしていくと、フッター画像が上のコンテンツにかぶっていってしまいます。 http://www.lucky-bag.com/archives/2005/04/footer.html http://www.stylish-style.com/csstec/ultimate/fix-foot.html 上記サイトを参考にしたのですが、どうしてもうまく対応しません。 どなたかお分かりでしたらご教授頂きたいと思います。 宜しくお願い致します。

  • cssの背景画像置換と印刷について

    htmlの項目に質問すべきなのかもしれませんが、 目的がSEOなのでこちらに。 例えば<h1>タイトル</h1> のように書いたタイトルをtext-indent:-9999px;として画面の外に逃がし、 背景画像を指定して表示させるのはよくある手法だと思いますが、 これだと印刷時に背景を表示しない設定にしていると、当然ですが印刷されません。 このようにテキストのみでhtmlを書いて、 設定に関わらず印刷されるように画像を配置するのに何かいい方法はありませんか? http://www.lucky-bag.com/archives/2005/12/print-background-image.html ここで目的に近いものを見つけましたが、1バイト文字しか使えないようで、実用向きではありません。 何かいいものがあれば教えていただけると助かります。 それともう一点質問なのですが、上記のようにテキストのみを書いたものと、 普通に画像を置いてaltを付けたものではやはりSEOの効果としてはかなり差が出てきますでしょうか? ほとんど変わりないのなら、方法がなければ普通に画像を置くようにしようかな、とも思っているのですが。

    • ベストアンサー
    • SEO
  • cssに関する質問です。

    cssに関する質問です。 フッターをbodyタグの直後に置きたいのです。 そうするとフッターはbodyタグの直後に表示されてしまいます。 cssでフッターだけをホームページの最後に表示する方法はありますか。 <body> <div id="footer">フッター ホームページの一番下に表示したい。</div> <div id="content>ホームページの内容 フッターよりも上に表示したい。</div> </body> CSSハックのような方法でも構いませんが、実現方法があれば教えてください。 よろしくお願いします。

  • jQuery cssメソッドでの変数の使用について

    jQueryで例えば、 var H = 600; とした場合、 $("#footer").css("top" , H); でも、 $("#footer").css("top" , H + "px"); でも機能しますが、 var H = $("#contents").height(); とした途端、 $("#footer").css("top" , H); も、 $("#footer").css("top" , H + "px"); も機能しません。 後者を機能させる方法はございますでしょうか。 何卒ご教授のほど、よろしくお願い致します。

  • CSSハックの使い方を教えてください

    CSSでサイトを作っているのですが、フッターとメインのwrapperの間を開けるのに、どうしてもすべてのブラウザで共通のCSSではできません・・・かなり格闘したのですが・・・ そこで、この際CSSハックを使おうと思っています。 といっても、よくわかってないのですが、CSSハックを使えば、IE6にはこの指定、IE7にはこの指定、Firefoxにはこの指定、opera、safari・・・ など個別のブラウザに異なったCSSを指定することができるのでしょうか? 実際の記述方法を教えていただけないでしょうか? 「firefoxとopera」にはwrpperにmargin-bottomをかけて、IE6,7にはfooterにmargin-topをかけて解決しようと思うのですが・・・ ちなみに、この現象のほかの解決方法ってあるのでしょうか? #wrapper{ position:relative; width:870px; margin:0px auto; text-align:left; } #foot{ position:relative; width:100%; height:auto; clear:both; }

    • ベストアンサー
    • HTML
  • CSSのデザインがうまくいきません

    表示ファイル http://www.loplopland.com/newfile.html CSSファイル http://www.loplopland.com/sample_l_180_490.css この外部CSSで直したいところは 1.フッターの上の部分に余白ができてしまったので消したい。 2.メイン表示部分が下までバックグラウンドイメージを表示したい。 以上の2点を改善したいんですが、うまくいきません。 どのように直したらいいかご教授下さい。 おねがいします。

    • ベストアンサー
    • CSS
  • CSS について。

    CSS について。 http://www.y-sira.com/ ただ今こちらのサイトを作成しているのですが、 ・div の left の位置がおかしい。 ・div の sub_content の中の h3 の border が div の right のコンテンツを突き抜けている。 ・div の footer の位置が変な位置にある。 ということで困っています。 CSS のどこがおかしいのか指摘して下さるとありがたいです。 よろしくお願いします。

  • css外部ファイル(ヘッダ、フッタ)の書き方

    素人です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> でhtmlを(テキストエディタを使って)書いています。 ヘッダとフッタをcssで書きたいので参考サイト等を探していますが、 htmlに埋め込む方法ばかりで、外部ファイルの書き方が見つかりません。 例えば、 ---------- <style> * { margin: 0; padding: 0; } #header { position: ●●●● left: 0; top: 0; background-color:●●●● color: ●●●● width: 100%; height: 30px; z-index: 3; ---------- のようなソースは見つけることが出来るのですが、これを外部ファイルに書き出す方法が分かりません。 ヘッダ内にて <link rel="stylesheet" href="ファイル名.css" type="text/css" /> を宣言し、外部に読み込みファイルを作成する方法で、ヘッダとフッタは作れないのでしょうか? 探し方が悪いのかもしれませんが、どうしても見つけることが出来ません。 書き方の参考サイトや、ソースの書き方を教えて下さい。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • CSSで高さ100%のレイアウト

    テーブルを使用せずCSSでのレイアウトなのですが フッター位置をブラウザの一番下にマージン無しで指定したいのですが出来ません。 テーブルでは <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top">内容</td> </tr> <tr> <td valign="bottom">フッター</td> </tr> </table> というように指定していたのですが CSSでのレイアウトはHTMLを <div id="container"> <div class="content">内容</div> <div id="footer">フッター</div> </div> .CSS では #container { height: 100%; } は無効なのでしょうか? 他のやり方でもフッターをブラウザの一番下にマージン無しでレイアウトできる方法があったら教えて下さい。

    • ベストアンサー
    • CSS

専門家に質問してみよう