• 締切済み

教えて下さい

ＨＰ製作中ですが ｃｓｓで解らないところがあり いろんなサイトを探していたところ こんなサイトを見つけました http://www.htmq.com/style/position.shtml 左上に　赤文字で　fixedの場合の表示　がスクロールしても ずーとついてきます 自分のサイトにもこのようにしたいのですが どうしたら出来るのでしょうか 解る方お願いします 参考になるサイト紹介してください 　

  • CSS
  • 回答数2
  • ありがとう数12

みんなの回答

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

参考になるページは、まさにそのサイトです。 スタイルシートを学ぶには、まずHTMLをしっかり作ることが肝要です。fixedは、「絶対位置への配置となるのはabsoluteと同じですが、スクロールしても位置が固定されたままとなります。」とありますが、付け加えるならfixedで指定される位置は、ウィンドウ自体が基準になります。 positionのような配置体系についての詳しい情報は 9.3 配置体系（Positioning schemes） ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/visuren.html#positioning-scheme ) にあります。fixed自体の説明は、ここにすべてあります。 　しかし、仕様書のこの項目を読むだけで、position:fixedを使う場合、それに関連したプロパティ(top,bottom.left,right)や閲覧領域、ブロックなどの用語も知っておく必要があることがわかると思います。 　何を学ぶときもそうですが、いきなり結果だけを手に入れようとしても無理です。きちんと手順を追って学んでください。 そのサイトのトップである HTMLクイックリファレンス ( http://www.htmq.com/index.htm ) とか、 1と2の間辺りからはじめるホームページ講座 ( http://www6.plala.or.jp/go_west/beginner/ ) とか。 　著者の立場になると、HPじゃ意味が通じない場面がしばしば出てきます。きちんとウェブページとしましょう。HPは世界的にヒューレッドパッカード社のことですし、ホームページはブラウザを起動したとき最初に表示されるページのことです。せいぜい、自分のウェブサイトのトップページと言う意味ぐらいまでは混乱はしないですが・・・。「ホームページに戻るリンクはどう書けばよいのか???」と聞かれても???になると思いますよ。

noname#158634
noname#158634
回答No.1

いや、それを説明しているページでしょ？(笑) そこをちゃんと読んでください。

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

関連するQ&A

  • <HTML>タグについて

    初心者です。 今、<HTML DIR=LTR>で始めてるのですが、ファイアフォックスでは赤文字になってしまいます。 いつも、http://www.htmq.com/html/html.shtmlのサイトを参考にしているのですが、 <HTML>タグの中には何を入れればいいのでしょうか？

    • ベストアンサー
    • HTML
  • cssはpタグの中にかけるのか。

    http://www.htmq.com/css/overflow.shtml 上記サイトを見ていると、overflowプロパティをHTMLのｐタグの中に書き込んでいますが、こういう書き方って実際に可能なのでしょうか。

    • 締切済み
    • CSS
  • HTMLでの背景画像設定について

    はじめまして。 HP作成初心者なのですが、いろいろとネットで調べながら作成しています。 フレームを使っていて、メニュー画面側のほうに画像をふたつ使いたいと考えています。 それぞれ左上と左下とで固定する画像なのですが、それがどうしてもふたつ同時に表示できません。 <style type="text/css"> <!-- BODY {background-image : url("bg2.jpg");background-position: 100 0%; background-repeat: no-repeat;background-attachment: fixed;} --> </style> <style type="text/css"> <!--BODY {background-image : url("bg.jpg");background-position: 0 100%; background-repeat: no-repeat;background-attachment: fixed;} --> </style> という感じに記述しているのですが、こうすると、下にあるbg.jpgのみが反映されてしまって、bg2.jpgは反映されません。 また、bg2.jpgの上には文字を重ねたいと考えているのですが、そのようにタグを編集してもうまく表示できません。 ご回答よろしくお願いいたします。

  • CSSのh1,h2,h3の色付けをしたい

    申し訳ありません。もう一度質問させてください。CSSのh1,h2,h3の色付けをしたい。文章の途中で色付けもしたいのですが。 現在４０００文字を超えるのでURLで質問します。public_htmlフォルダにつぎのURLのCSSを保存してサイト作成をしています。h1,h2,h3の色付けをしたいのと、文章の途中でも色付けをしたいのですができますか？ http://www.htmq.com/csskihon/401.shtml　 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • CSSの?固定表示

    ttp://www.fromdfj.net/ このサイトをInternet ExplorerでJavaScriptオンの状態で見ると、スタイルシートの切り替えが出来るようになっています。そこでスタイルシートを「grayscale」にすると、スクロールしてもメニューや著作権の位置が変わらないようになっています。これってどうやっているんでしょうか? 最初はJavaScriptかと思いましたが、HTMLファイルとCSSファイルをダウンロードしてJavaScriptオフの状態で確認してみても状態は変わりません。CSSのposition:fixedかとも思いましたが、IEでは対応していませんし。スタイルシートの中身もよく見たのですが、分かりません。 どなたか分かる方、教えて下さい。宜しくお願いします。

    • ベストアンサー
    • HTML
  • スクロールしても文字を固定位置に表示させるには？

    スタイルシートについての質問です。 スクロールしても画像が動かないようにすることができるので、 同じように文字も固定表示したいと思っています。 position:fixed; を使おうと思ったらIEではサポートされていないようなので使えません。 何か他の方法で文字の固定表示はできないでしょうか？

  • 背景の固定、繰り返しなし、スクロールなしの方法

    こんにちは。 題名の通り、大判壁紙を左上に固定し、ついでに壁紙がスクロールしないようにしたいのですが、できません。ちなみに、 <STYLE type="text/css"> <!-- BODY { background-image : url("背景のURL"); background-attachment: fixed; background-position: 0% 0%; background-repeat: no-repeat; } --> </STYLE> というのをはると出来る、と、素材やさんに書いてあったのでやってみたんですが、ダメでした。使ってるソフトはGO LIVE5.0で、スタイルシートが簡単に使えるようになっていて、それでもやってみたんですがなぜか出来ません。もう…「お手上げじゃああああ！！！」いうかんじなのです（涙）この質問で出来なかったら諦めますが…一体何が問題なんでしょう？ぜひアドバイスよろしくお願いします。

  • text-decorationで上下に線

    text-decorationで上下に線をつけた場合ぴったりになってしまうのですが、隙間を開けることはできないのでしょうか http://www.htmq.com/style/text-decoration.shtml にもそのような方法がありませんでした。

    • ベストアンサー
    • CSS
  • スタイルシートに複数の画像を入力する方法を教えてください

    超初心者のため、以下のような初歩的な質問をすることをお許しください。 初心者向けのＨＰ作成補助サイトを見ながら、Windowsのメモ帳で<html><head></head><body></body></html>などを入力しながらＨＰ を作成しているのですが、どうしてもスタイルシートに複数の画像を 入力させる方法がわかりません。 現在、<head>と</head>の間に <style type="text/css"> body { background-color: #ffffff ; background-image:url("画像１.jpg"); background-repeat:no-repeat; background-position:100% 100%; background-attachment:fixed; } </style> という形で、ページの【右下】に200×400程度の画像を表示させているのですが、 このほかに同じ200×400サイズの画像を【左上】に表示させるには どのようにすればよいのでしょうか？ <div>などのタグを使うことも考えたのですが、そうするとページを スクロールすると、左上の画像が上に流れていってしまう上に、中央に表示させている文字を隠してしまうので困っています。 私の知識不足なのでしょうが…。 左上の画像も右下の画像と同じようにページに固定して表示させる 方法を教えてください。 必要な情報かはわかりませんが、画像やhtmlはFFFTPでサーバーにアップロードして、Internet Explorerで表示しています。

  • JavaScriptで縦固定と横スクロールしたい

    CSSでは不可能とわかったのですが縦は位置を固定で横だけスクロールで見れるようにしたいのですが、その方法はどうすればいいでしょうか。 position-y:fixed; position-x:absolute; と書いていますがCSSでは目次が消えてしまいます。 そこでJavaScriptなら可能と聞きました。 目次を縦のときは固定でスクロールしても動かないようにしたいのですが、解像度が低いモニターのために横だけはスクロールしたときに横だけ全部見えるようにしたいです。 よろしくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する