• ベストアンサー

背景の表示のさせ方

初めまして。 今こんな背景画像があります。 　＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ｜（⌒▽⌒）～～　　　　　　　　　　　　　　　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　　　 ｜（⌒▽⌒）～～　　　　　　　　　　　　　　　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　　　 ｜（⌒▽⌒）～～　　　　　　　　　　　　　　　　　 ｜＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ これを、以下のように表示させるタグをご存知の方が いらっしゃいましたら教えて下さいm(__)m 　＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ｜（⌒▽⌒）～～　　　　　　　　　　　　～～（⌒▽⌒） ｜　　　☆　　　　　　　　　　　　　　　　　　☆　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　☆　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　☆　　　 ｜（⌒▽⌒）～～　　　　　　　　　　　　～～（⌒▽⌒） ｜　　　☆　　　　　　　　　　　　　　　　　　☆　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　☆　　　 ｜　　　☆　　　　　　　　　　　　　　　　　　☆　　　 ｜（⌒▽⌒）～～　　　　　　　　　　　　～～（⌒▽⌒） ｜＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ もしHTMLタグ以外での表示方法がありましたら 併せてそちらも教えて頂けないでしょうか？ 素材屋さんサイトで実際に、片側だけの画像を左右両方に 表示させてるのですが、ソースを見てもよく解らなくて 質問させて頂きました。 宜しくお願いします。

  • HTML
  • 回答数6
  • ありがとう数8

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

  • ベストアンサー
  • c-time
  • ベストアンサー率38% (13/34)
回答No.5

<BODY style="background-image : url(■■■■);background-repeat : repeat-y;background-position : Left;margin : 0px;"> <TABLE width="100%" height="100%" style=" FILTER: progid:DXImageTransform.Microsoft.BasicImage(Mirror=1); background-image : url(■■■■);background-repeat : repeat-y;background-position : Left ;" cellspacing="●"> <TBODY> <TR> <TD valign="top" style=" FILTER: progid:DXImageTransform.Microsoft.BasicImage(Mirror=1); ">ココにページの内容を書きます。</TD> </TR> </TBODY> </TABLE> </BODY> ―――――――――――――――――――― ■■■■＝画像のパス ●＝ページ全体の余白 これでどうでしょうか？（＾＾； とりあえず、新規のページにコピペして使ってみてください。 ――――――――――――――――― ◆内容解説◆ style=" FILTER: progid:DXImageTransform.Microsoft.BasicImage(Mirror=1); " ↑このフィルターを使って、画像を反転させてます。 しかし、画像だけでなく、ページ全体を反転させちゃってるので、 <TD>のタブ内で、もう一度反転し直させてます。 <TABLE>を画面全体に引き詰めて、<TABLE>の背景画を利用することで、いくらでも画像が上乗せできます。 そういうテクニックと、スタイルシート(style=""←コレ)、DirectXフィルターなどのＤＨＴＭＬを旨く利用すれば、「画像加工」をせずともＨＴＭＬ文書だけで可能でした。 ――――――――――――――――― 注意 　ホームページビルダーなどのツール上だとうまく表示されません。 　でも、気にしないように（笑） 　IE5.5とIE6.0以外では動作確認してません。 　大きなファイルになると表示が遅いかもしれません。

参考URL：
http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
yanbo-
質問者

お礼

こんばんわ。 細かくＨＴＭＬを書いて頂いてありがとうございます。 解説まで詳しく頂いて、助かりました。 一度新規のページでコピペから始めてみます。 今まではビルダーで簡単製作でしたが こうゆう細かい事をしようとしたら、やはりきちんと ＨＴＭＬを覚えないと駄目ですね。 参考ＵＲＬも教えて頂いてありがとうございましたm(__)m

その他の回答 (5)

  • c-time
  • ベストアンサー率38% (13/34)
回答No.6

訂正 左右反転はいりませんでしたか・・・(*^_^*) ―――――――――――――――――――――― <BODY style="background-image : url(■■■■);background-repeat : repeat-y;background-position : Right;margin : 0px;"> <TABLE width="100%" height="100%" style=" background-image : url(■■■■);background-repeat : repeat-y;background-position : Left ;" cellspacing="●"> <TBODY> <TR> <TD valign="top">ココにページの内容を書きます。</TD> </TR> </TBODY> </TABLE> </BODY> ―――――――――――――――――――――― じゃぁ、↑コレだけでＯＫです。 スタイルシートとアイデア（笑）だけで作れます。

yanbo-
質問者

お礼

沢山お世話になりました。m(__)m 自分なりに色々としてみたいと思います。 ありがとうございました～

noname#21343
noname#21343
回答No.4

　「Windows 版のＩＥ５以上限定」ですが、スタイルシートを使うとできるかもしれません。例えばこんな感じで。 1) <img src="●●●.gif> 2) <img src="●●●.gif style="filter:fliph();"> 　ただし、冒頭で触れたように「Windows 版のＩＥ５以上限定」なので、ネスケ／Mac 版ＩＥでは不可です。もしネスケ／Mac 版ＩＥで見た場合でもちゃんと表示されているとすると、私の回答はまったくの的外れ、ということになってしまいますが。 　外してたらすんません。

yanbo-
質問者

お礼

こんばんわ。 スタイルシート・・って使った事ないですが とっかかりを教えて頂きまして、ありがとうございます。 早速勉強して使ってみたいと思います。 お世話になり、ありがとうございましたm(__)m

  • onimotsu
  • ベストアンサー率36% (279/758)
回答No.3

画像を左右反転させたいのであれば ペイントなどで画像を反転させたものを作成して 貼り付ければ良いかと思います。 HTMLで画像を左右反転させるタグはないのではないでしょうか。

yanbo-
質問者

お礼

こんにちわ。 画像を左右反転させたいのではなく、 １つの画像の左端に描かれてる絵を 両端に左右対称に表示させたいのです。 質問の書き方がややこしくて申し訳ございませんm(__)m ＨＴＭＬでは、ないんですね。 私もあちこちのＨＴＭＬサイトで勉強した結果 どうしても独学では無理で、こちらで質問させて頂きました。 回答ありがとうございました。

  • KODAMAR
  • ベストアンサー率26% (267/1006)
回答No.2

もとの画像を水平方向で逆にしたものと、もとのデータをあわせて画像を作成しているのでは？ その新たに作成した画像を、#1の方がおっしゃるように <BODY BACKGROUND="***.GIF"> とすれば表示されますよ。

yanbo-
質問者

お礼

こんにちわ。 元素材を加工してる訳ではないです。 セット素材として、サイトに置かれてる背景の 何処をクリックして保存しても、元素材は左側だけに 絵が描かれてます。 なんとかコレを左右対称両端に置きたいのですが・・ 回答ありがとうございましたm(__)m

  • m_hagizo
  • ベストアンサー率65% (31/47)
回答No.1

普通にBODYタグのBACKGROUND指定を行えばＯＫのはずです。 ただ、無条件に画像がタイル状に敷き詰められますけど・・・。 <html> : <body background="(入手したファイルのファイル名)"> : (実際のページ内容) : </body> </html> こんな感じで。

yanbo-
質問者

お礼

早速試してみましたが、左右対称には入りませんでした。 素材屋さんサイトでは、セット素材の為、ソースを 使用してもいいように書かれてますが、アクセスのログを 取るソースまで入って来る為、それは削除しなければなりません。 １つずつタグを分解してましたが、ぐちゃぐちゃになってしまい・・ この先も応用出来ればいいな・・と思ったので 聞いてみました。 実際のページ内容の部分には、細かくテーブルが 組み込まれてる為、上から順番に解いていくしかないですね。 ありがとうございましたm(__)m

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

関連するQ&A

  • 背景イメージの表示のさせ方

    初歩的な質問ですみませんが、わからないので質問させてください。Windowsのメモ帳を使ってHTMLファイルを作っています。フリーの素材サイトから画像をダウンロードしてきて、背景に使用しているのですが、画像のサイズが小さくて、繰り返し（？）表示されてしまいます。ですので拡大した形でバーンと表示させたいのですが、どんなタグを使ったらできるのでしょうか。<img src=・・・>のタグはサイズを指定できるようですが…。 昨日からタグと格闘してる初心者です。よろしくお願いいたします。m(_ _)m

    • ベストアンサー
    • HTML
  • 背景に二つ表示

    まずひとつ。 <BODY>タグに入る、背景画像（この画像はもう背景をとして使えるので位置は指定せず、<BODY>タグに入れました） そしてもうひとつ。 右下に画像を固定したいのです。 そうすると、 <HEAD>タグに一つ、入ります。 そして<BODY>タグにも入ります。 両方表示させると、<HEAD>タグのほうしか反映されません； まとめると、 背景画像＋右下に画像を固定表示させるにはどうしたらいいでしょうか？

  • IEの背景の表示がおかしいんです

    WINXPのIE(多分5)なんですが、背景画像、背景色、文字色がHTMLに設定されているものと違うんです。 ワンポイントなどの画像はちゃんと表示されますが背景画像だけ表示されず背景色は白で固定、文字色はリンク以外は全て黒になります。 画像ファイルはちゃんと指定された場所にあるのは確認できるんですが、ファイル形式に関係なく表示されない状態です。HTMLだけでなくCSSで設定しても同じようです。 インターネットオプションの詳細にある画像の表示にはチェックが入っているんですが、何度やっても表示されません。 なんとか普通に表示できるようにしたいんですが、方法がわからず困っています。 再インストール以外の対策方法をご存知の方、助けてください。

  • サンプルソースをブラウザーに表示する手段

    HTMLやjQueryのサンプルソースを紹介するのに、 画像のような状態のものをよく目にするのですが、 これは何か特別なライブラリーがあって、 それを設定するだけでこのような表示が可能なものなのでしょうか？ ここまで高機能ではなくても、 タグや背景に色付けができればなと思っているのですが… それともそういう便利なものはないのでしょうか？ HTMLの「pre」タグを使えば、ひとまずは簡単に表示させられるので、 それでもいいかと思っているのですが、 ご存知の方がらいらしたらぜひ教えていただきたいと思いまして。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • HTMLの背景画像の表示位置を変更する方法

    HTMLの背景画像の表示位置を変更する方法 質問させてください。 HTMLの背景画像ですが、スタイルシートのbackground-positionを使用すれば表示位置を変更することが可能です。 同様の機能をスタイルシートを使用せずHTMLタグのみで実現できないでしょうか？ 例えば、<body background=""></body>タグにさらに何かの属性を追加する、などです。 ご存知の方がおられましたら、是非ともお教えください。

    • ベストアンサー
    • HTML
  • 背景画像の連続表示をさせたくて・・・

    ブログを作っていますが、スキンの変更をしようと思い、ある素材ＨＰから背景画像を画像掲示板に取り込み、それをアップさせて使おうと思っています。 ただ、それ自体はちいさな画像ですので、連続表示をさせるつもりなのですが、どうも上手くいかないのです。 画像を掲示板に取り込み、ソースの表示をさせて BACKGROUND="wallpaper.gif" と記入すればよいと知ったのですが、画像の上で「表示」を押しても、 ソースが使えないようになっています。 これはなぜなのでしょうか？ 初心者で、まったく的外れの質問をしているのかもしれませんが、どなたかご存知の方、 どうぞ宜しくお願いいたします。

  • 背景の表示について

    左右に画像を一列配置したいのですが、どのようなタグを使えばいいでしょうか。 HTMLのタグサイトを色々めぐって探してみましたが、 左側だけ、右側だけ、のものしか載っておらず困っています。 フレームも試してみたのですが、左右に広告が不自然に入ってしまい格好悪いです。 (ちなみに忍者をお借りしています) どなたか分かる方いらっしゃいましたらよろしくお願いします。

  • 背景に画像が表示されない

    パソコン初心者です。今は頑張ってサイト作りをしているところなのですが、背景に画像が表示されません。 初めは正常に表示されていたのですが、ふと気づいたらいつのまにか表示されなくなっていました。 タグやファイル名なども何も変えていないはずなのですが・・・。 それとお気に入りに入っているサイトをいつもどおりに開いてみたら、そのサイトの背景画像も表示されていませんでした。（そのサイトさん自信が背景画像をとったり変えたりなどはしていないようです） これはパソコン自体に何か問題があるということなのでしょうか？ 分かりにくい部分があるかもしれませんが、教えてくださるととても助かります。

  • 背景色を２色表示させたい

    ＨＴＭＬを始めたばかりの初心者です。 スタイルシートを使ってメール用のひな形を作っているのですが、わからないところがあるので教えてください。 どの本やサイトを見ても背景色を２種類表示させる指定が載ってないのです。 そういったことは可能ですか？ たとえば上から７０ピクセルをＡの色で表示させ、その下から全てをＢの色で表示させたいのです。さらにＡの色の上に背景透過性の画像を横並びで表示させたい・・（画像の背景色は使いたくないので）。 メールのひな形ですのでテキストは一切入力しません。画像のみです。 稚拙な質問ですみません。よろしくお願いします。

    • ベストアンサー
    • HTML
  • jimdoでの背景画像が表示されません。

    jimdoでサイトを制作しているのですが HTML（HTMLソースエディタ） <div id="text1"> <p>ああああああああああああ</p> <p>いいいいいいいいいいいいいいいいい</p> <p>うううううううううううう</p> </div> CSS（レイアウト画面） #text1{ background:url(001.jpg) no-repeat; width: 600px; height: 467px; } 画像もファイルにアップ済みです。 としているのですが、背景画像が表示されません。 jimdoではなくローカル上だと表示されます。 jimdo初心者なので戸惑っています。 理由をご存知の方教えてください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する