• ベストアンサー

TABLEのbackgroundの固定するには？

ホームページを作っているのですが、分からない事がありますので、教えてくださいm(__)m テーブルの中の背景画像(background)をスクロールしても固定するようにしたいのです。 http://masaboo.cside.com/new_css1/cs_25.htm ↑のような感じです。 でもこちらのは、bodyになっていまいます。 素人考えで、bodyの所を、tableにしてやってみましたが、出来ませんでした。 分かる方いましたら、教えて下さい。 宜しくお願い致します。

  • yuena
  • お礼率34% (51/146)
  • HTML
  • 回答数4
  • ありがとう数4

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

  • ベストアンサー
  • rubyeye
  • ベストアンサー率47% (395/825)
回答No.3

<STYLE type="text/css"> <!-- body { margin: 20px; font-size: 12pt; color: #000000; } .box1 { line-height: 150%; font-weight: bold; background-attachment: fixed; background-image: url(../../image/***.gif); background-repeat: repeat-x; } --> </STYLE> </head> <body> <table align="center" width="600"> <td><div class="box1">　あいうえお</div></td></table> と、こんな感じに指定すると、テーブルの中に背景画像が入るのでは？ ※自分の使っている背景画像固定をテーブル内に表示するように改造して、画像名だけ伏せました。

yuena
質問者

お礼

お返事ありがとうございます。 教えていただいた通りやってみましたが、出来ませんでした・・・。 他にも方法がないか試してみます。 ありがとうございましたｍ（__）ｍ

その他の回答 (3)

  • rubyeye
  • ベストアンサー率47% (395/825)
回答No.4

＃3です。 ちょっと追加させていただきます。 スクロールバーがつくテキストボックスの場合 <td> <div class="box1">あいうえお</div> </td> の部分を <td> <div> <TEXTAREA name="rireki" rows="6" cols="34" class="box1" style="font-size:12pt;font-family:Tahoma; border:double 4#F0F8FF;/*フォームの枠の太さと色*/ scrollbar-base-color: #F0F8FF;/*スクロールバーの色*/ color:#0000FF">あいうえお</TEXTAREA> </div> </td> にすれば出来ます。

  • partita
  • ベストアンサー率29% (125/427)
回答No.2

iframeは？

yuena
質問者

お礼

お返事ありがとうございます。 教えていただいたもので、試してみます！

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

テーブルは、ブラウザによってスクロールできるものとできないものがあります。

yuena
質問者

お礼

お返事ありがとうございます。 ブラウザによって、出来るものと出来ないもとがあるのですね。 勉強になりました！

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

関連するQ&A

  • テーブルの特定のセル背景非スクロールについて

    テーブルで文章を書いているのですが、 そのテーブル内の文章がちょっと長めで、 どうしてもブラウザがスクロール(縦)してしまう作りになっています。そのテーブルに背景を入れようと思うのですが、スクロールしてしまうほど長い縦テーブルな故に背景も繰り返してしまいます。 背景画像は壁紙のような整列された画像ではなく、一枚の写真を使用したいとおもっております。 縦長の大きい背景を作るというのも一つの手ですが・・・それではなくタグ命令で固定できればと思います。 通常のページ背景ですと背景固定は ◆bodyタグで bgproperties="fixed" ◆スタイルシートで <STYLE type="text/css"> <!-- BODY{background-image:url("■.jpg"); background-color:#背景色; background-position:背景の位置; background-repeat:no-repeat; background-attachment:fixed;} --> </STYLE> って出来るのですが、 テーブル内部の特定のセル背景固定というのは どのようにしたら出来るのでしょうか? ジャバスクリプト、スタイルシート、通常のタグ どのような方法でもかまいません。 テーブル内の特定のセル背景非スクロールについて、 ご教授いただければ幸いです。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • Flashをバックグラウンドで固定に…

    ホームページ作成中です。 以下のようなことが可能でしょうか? 壁紙をフラッシュで表現(要は動く壁紙) しかも、それを位置固定 --- <STYLE type="text/css"> <!-- BODY{ background-image : url(xxx.swf); background-repeat : no-repeat; background-attachment : fixed; background-color : #FFFFFF; background-position : left top; } --> ------ Blogのバックで動く壁紙を表現したいと思っています。Blogなので下方向にずっと続くので位置固定が必要です。 こんなこと可能ですか?その場合、どういう風にしたら良いでしょうか? お願いします。

  • backgroundについて教えて下さい。初めて作ってます。

    backgroundについて教えて下さい。初めて作ってます。 　ｃｓｓテンプレートの backgroundのついて教えて下さい。 　真っ白いテンプレをダウンロードしてホームページビルダーで編集しています。 　素人なので、コピーを利用しながら作成途中です。 　画像がついているサイトで「bodyからbodyにコピーして下さい」と書いてありました。 　<style type="text/css"> <!-- body{ background-image: url(画像); 　background-color : #000000; 　background-attachment: fixed; 　background-repeat: no-repeat; 　background-position: right top; --> --> --> --> --> </style> </head> <BODY> 上記をコピーした所、プレビューでは綺麗にみることが出来ました。 テキストにリンク設定してある文字にカーソルをのせると赤色に表示されます。 カラー白と付け足してみても赤いままです。 外部ｃｓｓというものかどうかすらわからないのですが、 テキスト部分にカーソルをのせて白く表示させることは出来ませんか？ もし、やり方があるならば教えて下さい。 よろしくお願いいたします。

  • テーブルにスタイルシートを使う方法

    こんにちは、テーブルタグのことで質問があります。 普通、背景画像でスタイルシートを使い右下などに固定するタグは <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像の名前"); background-repeat : no-repeat; background-attachment : fixed; background-position : left bottom; background-color:#FFFFFF; } --> </STYLE> となると思いますが、これは通常<head></head>の間にいれますよね。 これをテーブルの中で使うにはどうすればいいでしょう？ テーブルの背景画像を右下や左下などに固定したいということなんですがそういうことはできますか？ よろしくお願いします；

  • テーブル内背景固定

    BODY内の背景固定はno-repeatなどで、指定するのは理解できたのですが テーブルの中の背景は繰り返ししないようにできないのでしょうか？ いろいろ調べてもみたのですが、分かりませんでした。 初心者なので分かりやすくおしえていただけると嬉しいです。 <td colspan="2" valign="top" background="img/top_news_wall.jpg"><p class="style4"> のようになっていて、top_news_wall.jpgは背景画像名です。 どうぞよろしくお願いいたします。

  • table のバックグラウンドカラー

    background-color　は継承されないものだと認識しております。 ・HTML内容 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>検証</title> </head> <table border="1" background="red"> <tr> <th>授業内容</th> <th>講義</th> </tr> <tr> <td>1時間目</td> <td>国語</td> </tr> <tr> <td>2時間目</td> <td>数学</td> </tr> <tr> <td>3時間目</td> <td>英語</td> </tr> <tr> <td>4時間目</td> <td>科学</td> </tr> </table> </body> </html> ====ここまで==== ボタンを押す。⇒setStyleが動く⇒tableの背景が赤色で塗られる。動作までは分かるのですが、 td、thの部分の背景まで赤色になっています。 これは、テーブルと言う枠に、赤色が塗られ、その上にtd、thが置かれる。 結果、td、thの背景赤色は (1)「td、thのbackgroundは指定していないため、デフォルトのtransparentが有効で、 テーブルの背景赤色が透けて見えている」 (2)「td、thに、tableのbackgroundが継承されて、赤く塗りつぶされていないということ」 の考えに間違いがないか確認させて頂きたいのです。 ご教授お願いします。

    • ベストアンサー
    • CSS
  • テーブルに背景画像を入れたいのですが……

    CS5でホームページを作っていますが、CSSとかhtmlはまったくといっていいほど理解していません。 テーブルを挿入して組みあせているだけの初歩的な作り方なのですが、いろいろわからないことばかりです。 質問ですが、ページ全体への背景画像はできるのですが、テーブルに対する背景画像の設定は可能でしょうか。 下記のページのテーブル内の挿入画像をいくつか背景画像にして、その上にテキストを入れたいのです。 http://www.kajimaya.info/ http://ryukyugeino.jpn.com/ すみませんが、超初心者向きのご教示をいただければありがたいです。 どうかよろしくお願いします。

  • 任意のテーブルのみに背景画像を設置して、時間ごとに変更するには？

    ホームページを作っていてどうしても うまくいかないことがあるので相談させてください。 １ページの中に複数のテーブルがあるのですが、 そのうちの一つだけに背景画像を設置して、 尚かつ時間ごとに画像を変更したいのですが、 うまくできません。 BODYの背景を変える場合は、JAVAスクリプトで できたのですが、任意のテーブルのみに同じような ことをすることはできないのでしょうか。 いくつか試したのですが、例えばCSSを用いて、 <style type="text/css"> <!-- .timg{ background-attachment: scroll; background-image: url(img/001.gif); background-repeat: no-repeat; background-position: center; } --> </style> としておき、任意のテーブルタグにて <table class="timg"> とすることで、任意のテーブルのみに 背景をつけるとこまではできたのですが ここからJAVAスクリプトで背景を時間ごとに 変えるやり方がわかりませんでした。 どうかアドバイスよろしくお願いします。

    • ベストアンサー
    • HTML
  • バックグランドイメージが表示できません

    <body id="top"> </body> css-------- body#top { background-image: url("images/background.gif"); } 上記のように書いたのでは、背景にイメージ表示できません。 使い方が間違っているのだと思うのですが、どのようにしたらいいのでしょう？何方かお分かりになる方、教えていただけませんか？おねがいします。

    • ベストアンサー
    • HTML
  • スマホブラウザでの背景固定

    以下のＣＳＳで背景画像を固定しようと思っています。 ＰＣでは問題なく固定されるのですが、スマホだと 背景画像が固定されず、画面をスクロールすると一緒にくっついてきます。 スマホの場合は別の対処が必要なのでしょうか？ body { margin:0 auto; text-align:center; padding:0; background: url(../images/photo01.jpg); background-repeat:no-repeat; background-position:center bottom; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

    • ベストアンサー
    • CSS

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する