- ベストアンサー
背景の表示のさせ方
初めまして。 今こんな背景画像があります。 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ｜（⌒▽⌒）～～ ｜ ☆ ｜ ☆ ｜ ☆ ｜（⌒▽⌒）～～ ｜ ☆ ｜ ☆ ｜ ☆ ｜（⌒▽⌒）～～ ｜＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ これを、以下のように表示させるタグをご存知の方が いらっしゃいましたら教えて下さいm(__)m ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ｜（⌒▽⌒）～～ ～～（⌒▽⌒） ｜ ☆ ☆ ｜ ☆ ☆ ｜ ☆ ☆ ｜（⌒▽⌒）～～ ～～（⌒▽⌒） ｜ ☆ ☆ ｜ ☆ ☆ ｜ ☆ ☆ ｜（⌒▽⌒）～～ ～～（⌒▽⌒） ｜＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ もしHTMLタグ以外での表示方法がありましたら 併せてそちらも教えて頂けないでしょうか？ 素材屋さんサイトで実際に、片側だけの画像を左右両方に 表示させてるのですが、ソースを見てもよく解らなくて 質問させて頂きました。 宜しくお願いします。
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
<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以外では動作確認してません。 大きなファイルになると表示が遅いかもしれません。
その他の回答 (5)
- c-time
- ベストアンサー率38% (13/34)
訂正 左右反転はいりませんでしたか・・・(*^_^*) ―――――――――――――――――――――― <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> ―――――――――――――――――――――― じゃぁ、↑コレだけでＯＫです。 スタイルシートとアイデア（笑）だけで作れます。
お礼
沢山お世話になりました。m(__)m 自分なりに色々としてみたいと思います。 ありがとうございました～
「Windows 版のＩＥ５以上限定」ですが、スタイルシートを使うとできるかもしれません。例えばこんな感じで。 1) <img src="●●●.gif> 2) <img src="●●●.gif style="filter:fliph();"> ただし、冒頭で触れたように「Windows 版のＩＥ５以上限定」なので、ネスケ／Mac 版ＩＥでは不可です。もしネスケ／Mac 版ＩＥで見た場合でもちゃんと表示されているとすると、私の回答はまったくの的外れ、ということになってしまいますが。 外してたらすんません。
お礼
こんばんわ。 スタイルシート・・って使った事ないですが とっかかりを教えて頂きまして、ありがとうございます。 早速勉強して使ってみたいと思います。 お世話になり、ありがとうございましたm(__)m
- onimotsu
- ベストアンサー率36% (279/758)
画像を左右反転させたいのであれば ペイントなどで画像を反転させたものを作成して 貼り付ければ良いかと思います。 HTMLで画像を左右反転させるタグはないのではないでしょうか。
お礼
こんにちわ。 画像を左右反転させたいのではなく、 １つの画像の左端に描かれてる絵を 両端に左右対称に表示させたいのです。 質問の書き方がややこしくて申し訳ございませんm(__)m ＨＴＭＬでは、ないんですね。 私もあちこちのＨＴＭＬサイトで勉強した結果 どうしても独学では無理で、こちらで質問させて頂きました。 回答ありがとうございました。
- KODAMAR
- ベストアンサー率26% (267/1006)
もとの画像を水平方向で逆にしたものと、もとのデータをあわせて画像を作成しているのでは？ その新たに作成した画像を、#1の方がおっしゃるように <BODY BACKGROUND="***.GIF"> とすれば表示されますよ。
お礼
こんにちわ。 元素材を加工してる訳ではないです。 セット素材として、サイトに置かれてる背景の 何処をクリックして保存しても、元素材は左側だけに 絵が描かれてます。 なんとかコレを左右対称両端に置きたいのですが・・ 回答ありがとうございましたm(__)m
- m_hagizo
- ベストアンサー率65% (31/47)
普通にBODYタグのBACKGROUND指定を行えばＯＫのはずです。 ただ、無条件に画像がタイル状に敷き詰められますけど・・・。 <html> : <body background="(入手したファイルのファイル名)"> : (実際のページ内容) : </body> </html> こんな感じで。
お礼
早速試してみましたが、左右対称には入りませんでした。 素材屋さんサイトでは、セット素材の為、ソースを 使用してもいいように書かれてますが、アクセスのログを 取るソースまで入って来る為、それは削除しなければなりません。 １つずつタグを分解してましたが、ぐちゃぐちゃになってしまい・・ この先も応用出来ればいいな・・と思ったので 聞いてみました。 実際のページ内容の部分には、細かくテーブルが 組み込まれてる為、上から順番に解いていくしかないですね。 ありがとうございましたm(__)m
お礼
こんばんわ。 細かくＨＴＭＬを書いて頂いてありがとうございます。 解説まで詳しく頂いて、助かりました。 一度新規のページでコピペから始めてみます。 今まではビルダーで簡単製作でしたが こうゆう細かい事をしようとしたら、やはりきちんと ＨＴＭＬを覚えないと駄目ですね。 参考ＵＲＬも教えて頂いてありがとうございましたm(__)m