- ベストアンサー
IMGタグで画像の繰り返し使用は…
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
IMGタグで繰り返し表示の背景を指定することが出来ないか、と言う趣旨にとって宜しいでしょうか？ 答えは「出来ません」。もう少し詳しく言うとIMGタグは画像をそのまま埋め込む機能しか持たないため背景表示には不向きです。 入らないところを自動で切ったりなんだりするためには背景画像としての指定が必要で、 背景画像として折り返し設定などを行う場合はCSSが無ければ無理です。 ま、やり方は既に出ている通りなのですけど、勝手に解説しときます。 覚えておくといいことがあると思いますよ…多分。 …ってかCSSリファレンスのあるサイトである程度予備知識をつけておくと今後の質問の手間が省けたり、或いは質問が相手に伝わりやすくなったりすると思います。 http://www.tagindex.com/ http://www.htmq.com/ http://masaboo.cside.com/ http://heo.jp/tag/ http://www2.plala.or.jp/Cool/okite/
その他の回答 (1)
- is_may
- ベストアンサー率65% (58/89)
縦方向のみに画像を繰り返して貼る場合、IMGではなくCSSを利用します。 具体的にはこんな感じです。 <html> <head> <style type="text/css"> <!-- .t1 { background-image:url("画像URL"); background-repeat:repeat-y; /*Y軸のみ繰り返し*/ } --> </style> </head> <body> <table class="t1">←「class="t1"」を追加 <tr><td></td></tr> </table> IMGタグでテーブルの背景画像を繰り返す、というのがよく分からなかったのでご参考までに。。
お礼
ありがとうございました。
関連するQ&A
- 画像配置のimgタグとbackgroundの違い
画像をHTMLでimgタグで指定するタイプとCSSでbackgroundで指定するタイプの二つありますが、 何のときにimgタグを、何のときにbackgroundを指定するか、知りたいのです。 例えばコンテンツ内ならimgタグ、背景に配置するならbackgroundってのは分るのですが、 タイトルの画像はimgタグとbackgroundのどちらでしょうか？ 他のサイトで拝見してみましたら、どっちも使いますが… 宜しくお願いします。
- ベストアンサー
- HTML
- imgタグを使用できないようにしたい
モバイルスペースというサイトでとあるホームページを数人でやっています。 7人で一緒にサイトを運営しているのですが、知らない間にトップページに変な画像が張られてあったりします（汗 それはある一人の仕業で、6人一致でその画像ははらないようにといってあるのですが、何度言っても聞きません＾＾； なので、サイト内でimgタグを使えないようにすれば 画像を張ることができなくなるのではないか？ と思い、質問させていただきました。 imgタグを使えないようにする方法があれば教えてください。よろしくお願いします。
- ベストアンサー
- その他（プログラミング・開発）
- 画像タグについて
画像タグについて テキストエディタにHTML（タグ）を入力してホームページの作成を目指して勉強しています。 ボタンの画像を横一列で4つ並べる場合のでタグの入力の仕方なんですが、 使用しているテキストでは改行せずに横に並べてタグを入力していきましょう。 となっています。 正解→<img src="A" ><img src="B" ><img src="C" ><img src="D" > 不正解↓ <img src="A" > <img src="B" > <img src="C" > <img src="D" > 理由としてはブラウザできれいに表示されるからだそうです。 実際にやってみると確かに不正解パターンより正解パターンの方がブラウザで隙間なくきれいに表示されています。 疑問なのですが、同じタグを縦で入力するか横に入力するかで なぜ、ブラウザの表示に違いで出るのでしょうか？ また、<img src="" >タグ以外でも,改行しないで横に入力するタグはあるのでしょうか？ それはどうやって見分けるのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- cssで、imgタグに、背景画像を敷きたい
cssで、imgタグに、背景画像(影)を敷く方法を教えてください。 ※divタグに敷く方法は分かるのですが、imgタグに敷く方法が分かりません。 ■現状 ＜HTML＞ <div id="hoge"> <img src～ ＜CSS＞ #hoge img { background-image:url(/images/background_shodow.jpg); background-repeat: none; background:position: ？ width:？ height:？ margin:？ padding:？; ＜影の大きさ＞ ・width400px ・height200px ＜写真のサイズ指定＞ ・width390px ・height190px ※これまでは、 写真のサイズが違うので、 css部分の#hoge img で、 画像の大きさを強制指定してました。 出来れば、 画像の大きさは、html側で指定せずに、 css側で調整したいです。 ムリなら、html側で大きさ指定します。 div枠にcss設定できれば早いかと思いますが、 それが出来ないため(img タグにしかcss指定不可)の相談です。 よろしくお願いします。
- ベストアンサー
- HTML
- 画像imgタグについて質問です。
XHTMLで画像を指定する方法で本来通り imgで正しいのでしょうか？ それともCSSで背景画像にする方が正しいのでしょうか？ どうかよろしくお願いします。
- 締切済み
- HTML
- 背景画像にリンク
背景に画像を固定して表示したページに、リンクを貼りたいのです。 フレームページで縦に２分割、左のページにスタイルシートで背景固定、BODYタグ内には何もなし、右のページも同じくスタイルシートで背景固定、こちらに左のページの背景画像内にある文字からリンクを貼り、そのリンクをはったページを右ページ内に反映させたいのです。 一枚の大きな画像を２分割して左と右のページでそれぞれ固定しているので、IMGタグはなるべく使いたくありません。 （IMGタグでスタイルシートでの背景固定ように、right bottomと出来るのならば全く問題ないので、その場合は教えてください＾＾；）
- 締切済み
- HTML
- vodafoneのimgタグについて
Vodafoneのページを作りました。 そのページにカウンタを設置しようと思いよくあるimgタグを使いCGIを呼び出そうとしております。 <img src=counter.cgi width=1 height=1> のようにＰＣやiモードだと画像は「width=1 height=1」の為表示されませんよね。 でもvodafoneの場合?マークの画像が表示されます。 これを表示させないいい方法はありますか？ ご教授お願いします。
- 締切済み
- HTML
- CSSで横方向の可変ボックスの作り方
[ ] ←画像（縦方向のグラデーション） [ テキスト ] [ テキストテキストテキスト ] 上記のようにテキストの量によって自動で背景画像が可変するような CSS指定をしたいのですが、これって可能でしょうか？ 縦の可変はわかるのですが、横の可変がわかりません… すみませんが、わかるかたいましたらご教授お願いします。
- 締切済み
- HTML
- pタグとimgタグについて
【やりたいこと】 手順1．pタグによる文章 imgタグによる解説画像 手順2．pタグによる文章 imgタグによる解説画像 つまり、各手順に対しての解説画像をはっていこうと考えています。 【タグ】 <p>手順1．「メニューを選択」→「ファイルを保存」<img src="説明画像"></p> <p>手順2．「保存場所の選択」<img src="説明画像2"></p> として組んでいます。 【得られる結果】 手順1．「メニューを選択」→「ファイルを保存」 説明画像1 手順2．「保存場所の選択」 説明画像2 と当然、横並びになります。 画像の横にテキストを配置とかできるのわかるのですが、 【求める結果】 手順1．「メニューを選択」→「ファイルを保存」 説明画像1 手順2．「保存場所の選択」 説明画像2 という形に持っていきたいのです。 【変更後のHTML】 <p>手順1．「メニューを選択」→「ファイルを保存」</p> <p><img src="説明画像"></p> <p>手順2．「保存場所の選択」></p> <p><img src="説明画像2"></p> と組むのがいいのでしょうか？ imgのcssのvertical-alignではできないと感じたもので…。 ご教授お願いします。
- ベストアンサー
- CSS
- HTMLのIMGタグについて
HTMLのimgタグで(1)と(2)のようにした場合、表示が異なります。 (1)のほうが画像間のスペースが広くなります。また(2)の場合でも ほんの少しスペースが開くようです。 (1) <img src="image1"> <img src="image2"> (2) <img src="image1"><img src="image2"> HTMLは文章の構造タグなので(1)でも(2)の場合でも、改行は関係ないので 同じ表示になるべきなのではないでしょうか？ なぜ異なった表示になるのでしょうか。 また画像間のスペースを0にしたいのですが、何か方法を教えてください。
- ベストアンサー
- HTML
お礼
ありがとうございました。