• ベストアンサー

文字の回りこみについて

画像の回りこみ方法をいろいろと調べてみたのですが、文字を右に回り込ませる場合、「align = "left"」や「<br clear="all">」をつけるというところまではわかったのですが、例に挙がっている画像のHTMLとはやや異なるようで、うまくいきません。例えば以下のような画像の場合どこにつければ良いのでしょうか?よろしくお願いします。 <a href="http://px.a8.net/svt/ejp?a8mat=1HNMYP+5TKMHM+V5O+BWGDT&a8ejpredirect=http%3A%2F%2Fwww.towerrecords.co.jp%2Fsitemap%2FCSfCardMain.jsp%3FGOODS_NO%3D1897407%26GOODS_SORT_CD%3D103" target="_blank"> <img border="0" alt="" src="http://img.towerrecords.co.jp/images/jacket/tower/4988005528353.jpg"></a> <img border="0" width="1" height="1" src="http://www13.a8.net/0.gif?a8mat=1HNMYP+5TKMHM+V5O+BWGDT" alt="">

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

  • ベストアンサー
  • m_flower
  • ベストアンサー率59% (45/76)
回答No.1

<img src="http://img.towerrecords.co.jp/images/jacket/tower/4988005528353.jpg" alt="" width="" height="" border="0" align="left" /> こんな感じに、<img>タグ内に入れてやるだけです。順番はどこでも構いません。

kt-boy
質問者

お礼

順番はどこでも構わないんですね!体系的に勉強した方が良さそうですね・・・勉強不足でスミマセン。早速の回答ありがとうございました。

その他の回答 (1)

noname#100277
noname#100277
回答No.2

画像を左に置いて右に文字列を置いた場合の回り込みの解除は以下の通り。 imgにarign="left"属性やstyleでtext-align:leftを指定。 img要素の直後に文字列を記述して解除させる箇所に<br clear="left">を記述。 HTMLリファレンスをちゃんと読めば画像の位置と解除の方法は解る筈です。

関連するQ&A

  • バナーの配置

    私のサイトでバナーをこの図1のように並べたいのですがうまくいきません □□□□□□□  □□□□□□□     □□□□□□□  □□広告2 □□      □□広告1 □□  □□□□□□□ □□□□□□□   □□□□□□□  □□□□□□□       □□□□□□□  □□広告 3□□       □□□□□□□  □□□□□□□                図1   このようにプログラムを挿入するとこのような図2になります 失敗プログラム <!-- 広告1 --> <a href="http://px.a8.net/svt/ejp?a8mat=1TZBSV+BET46Q+AIM+77ZKH" target="_blank"> <img border="0" width="350" height="240" alt="" src="http://www28.a8.net/svt/bgt?aid=110823295690&wid=001&eno=01&mid=s00000001363001213000&mc=1"></a> <img border="0" width="1" height="1" src="http://www14.a8.net/0.gif?a8mat=1TZBSV+BET46Q+AIM+77ZKH" alt=""> <!-- 広告1 --> <!-- 広告2 --> <a href="http://px.a8.net/svt/ejp?a8mat=1TZBSW+5RSAWI+1LI0+2NBPO1" target="_blank"> <img border="0" width="468" height="60" alt="" src="http://www25.a8.net/svt/bgt?aid=110823296349&wid=001&eno=01&mid=s00000007452016011000&mc=1"></a> <img border="0" width="1" height="1" src="http://www13.a8.net/0.gif?a8mat=1TZBSW+5RSAWI+1LI0+2NBPO1" alt=""> <!-- 広告2 --> <!-- 広告3 --> <a href="http://px.a8.net/svt/ejp?a8mat=1TZB0O+5URGXE+NA2+64Z8X" target="_blank"> <img border="0" width="468" height="60" alt="" src="http://www22.a8.net/svt/bgt?aid=110822280354&wid=001&eno=01&mid=s00000003017001031000&mc=1"></a> <img border="0" width="1" height="1" src="http://www18.a8.net/0.gif?a8mat=1TZB0O+5URGXE+NA2+64Z8X" alt=""> <!-- 広告3 -->       □□□□□□□       □□□□□□□     □□広告1 □□   □□□□□□□   □□□□□□□  □□□□□□□       □□□□□□□  □□広告2 □□       □□□□□□□  □□□□□□□ □□□□□□□         □□広告3 □□         □□□□□□□    図2 一様失敗の写真も添付しときます

  • FC2ブログ 画像(動画)表示されない

    前回の質問が分かりにくなったので、自分なりに作った 画像とともに再度質問させていただきます。 FC2ブログでASPから発行されたタグをブログに貼り付け、 プレビューで見ると表示されるのですが、 実際に保存してブログを見てみると、 続きを読むをクリックしないと画像が表示されません。 続きを読むをクリックしなくても画像が見えるようにしたいの ですが、どうすればいいでしょうか? そもそも外部リンク?では無理で、画像もFC2サーバ?に アップしないとダメなんでしょうか? 初歩的な質問になりますが、よろしくお願いします。 貼り付けるタグは以下です。 <a href="https://px.a8.net/svt/ejp?a8mat=264B6T+G69ZYA+D8Y+C3BAP" target="_blank" rel="nofollow"> <img border="0" width="300" height="300" alt="" src="https://www24.a8.net/svt/bgt?aid=131211173978&wid=003&eno=01&mid=s00000001717002031000&mc=1"></a> <img border="0" width="1" height="1" src="https://www13.a8.net/0.gif?a8mat=264B6T+G69ZYA+D8Y+C3BAP" alt="">

  • エクセル2000で、URLの入ったセルをコピーすると、文字列が変わってしまうのですが、ご教授ください

    はじめて質問させていただきます。 よろしくお願いします。 エクセル2000を使用して、アフィリエイトのプログラム名や、 取得リンクを管理していたのですが、、、 セル内に、広告リンクURLを記入し、エクセルを保存。 その後、セルをコピーすると、 文字列が変わってしまい、困っております。 エクセルの仕様なのか、判らず、 ご経験のあるかたいらっしゃいましたら、 ご教授いただけますと幸いです。 ============================================= URL(エクセル上でも、セルを選択するとこのまま表示されます) ============================================= <A HREF="http://px.a8.net/svt/ejp?a8mat=16ELG6+3VWVXU+A5K+TV3PE" target="_blank">広告サイト名</A> <img border="0" width="1" height="1" src="http://www19.a8.net/0.gif?a8mat=16ELG6+3VWVXU+A5K+TV3PE" alt=""> ============================================= セルをコピーして、メモ帳などにペーストすると・・・ ============================================= "<A HREF=""http://px.a8.net/svt/ejp?a8mat=16ELG6+3VWVXU+A5K+TV3PE"" target=""_blank"">広告サイト名</A> <img border=""0"" width=""1"" height=""1"" src=""http://www19.a8.net/0.gif?a8mat=16ELG6+3VWVXU+A5K+TV3PE"" alt="""">" のように、" の文字がいろんなところに入ってしまっています… --------------------- 初心者で申し訳ありませんが、 回避する方法などありましたら、お教えいただけますと幸いです。 よろしくお願いいたします。

  • ウインドウを狭めてもレイアウトが崩れない方法

    ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を3列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>

    • ベストアンサー
    • HTML
  • アフィエイトのタグが保存毎にページ最上部に表示され外せません。

    アフィエイトのタグが保存毎にページ最上部に表示され外せません。 私のページアフィリエイト <a href="http://px.a8.net/svt/ejp?a8mat=1O38B3+EVUWI+1BDA+ZQ80I" target="_blank"& gt;インターネットで4140万円稼いだ方法</a> <img border="0" width="1" height="1" src="http://www12.a8.net/0.gif?a8mat=1O38B3+EVUWI+1BDA+ZQ80I" alt=""> を使用させていただいたのですが、アフィリエイトを一度消して保存した場合に、またページの一番上にこのアフィリエイトが追加されるようになってしまっています。 また、このページと関係ないページを新規作成した場合でもこのアフィリエイトが一番上にくるようになってしまっています。 使っているソフトはホームページビルダー12です。 どうやら保存した時やページを開いたときに自動でタグが記載されるようになっているようです。 タグのsrcがあやしいと思うのですがどうでしょう。 この設定を解除したいのですがどうすればよろしいでしょうか。よろしくお願いいたします。

  • アフィリエイトリンクの画像のサイズを変更するには?

    現在Seesaaでブログを開設していますが、そのブログの中にA8.netにある楽天アフィリエイトリンクをA8wappenで作成しています。 そこで、質問なのですが、リンク画像のサイズを変更したいのですが、やり方がわかりません。因みにHTMLは下記のとおりです。 <a href="http://~" target="_blank"> <img border="0" alt="Click Here!" src="http://~.jpeg"></a> <img border="0" width="1" height="1" src="http://~" alt=""> 上のwidthやheightの数値を変えてみたのですが、上手くいきません。 よろしくお願いします。

  • Excelから任意の文字列を抽出したい

    A列にリンクのタグがあるのですが、このような文字列から【リンク先】という部分と、【<img src="" alt="">】の部分だけを取り出したいと思いますが、上手く出来ません。 A列に入っているタグは→<a href="リンク先" target="blank"><img src="" alt=""></a> A列にリンクのタグが入っています。 B列に【リンク先】 C列に【<img src="" alt="">】 となるようにしたいです。 又A列の文字列には、<img src="" alt="">が続いて2つか3つ入っているものもありますが、その場合は、D列・E列に順番に抽出したいです。 最大でも<img src="" alt="">は4つまでしか入っておりません。 ダブルコーテーションの扱いなどがよく分からなくて、詳しかたいれば教えていただけるとありがたいです。 よろしくお願いいたします。 ※【】はわかりやすくするためのものです。

  • fc2 画像と文字の間をあける方法

    皆様 お世話になります。 左側に画像があり、その右に文字やアフィリを入れる場合、 <a href="画像のURL" target="_blank"><img src="画像のURL" alt="bi" border="0" /align="left" ></a>文字をココに入れる<br clear="all" /> とやることはわかりましたが、もう少し画像と文字の間を開けたいという場合はどうすればいいのでしょうか? どなたか知ってらっしゃいましたら教えて下さい。 宜しくお願いします。 どうすればいいのでしょうか?

  • リンク画像の表示範囲指定の方法が知りたいです!

    FC2のブログでアフィリエイトをしてます。次のような2つのリンク画像を載せる場合、余白部分をトリミング、あるいは見せないようにして詰めて表示する方法はありませんか?画像は著作権の関係で、ダウンロードして加工はできないので。 <a href="http://www.dmm.com/digital/book/-/detail/=/cid=ipapy_1-104167/" target="_blank"><img src="http://pics.dmm.com/digital/photo/1-104167/1-104167pm.jpg" alt="" border="0"></a> <a href="http://www.dmm.com/digital/book/-/detail/=/cid=ipapy_1-104167/" target="_blank"><img src="http://pics.dmm.co.jp/digital/photo/1-104167/1-104167sl.jpg" alt="" border=""></a>

  • htmlタグ一括挿入

    <a href="" target="_blank"><img src="" alt="" border="0" ▲▲▲/><br /></a><img src="" width="1" height="1" border="0" alt="" /> 上記のタグでの質問なのですが、style="float:left;"を▲▲▲の部分に挿入する場合一番簡単に出来るやり方などありますでしょうか? 2000近く商品数があるので手直しだと時間が掛かりすぎるので出来れば一括に挿入するやりかた ぜひご教授頂けませんでしょうか?よろしくお願いします。

    • ベストアンサー
    • HTML