• ベストアンサー

写真の横に説明文を入れるには?

gooブログで複数枚の写真を挿入し、それぞれの写真の 横の上部から説明文を入れるのにはどうしたら出来るのでしょうか? ご教示ください。

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

  • ベストアンサー
回答No.2

<img src="http://○○.jpg" width="100" height="50" align="left" border="0" hspace="10" vspace="5">説明文 のように記述し、改行すれば大丈夫だと思います。 width・heightは、それぞれ画像の横幅と高さ。 align="left"で画像を左・説明文を右、align="right"なら画像を右・説明文を左。 border=で、画像の外枠の太さを指定(0なら無し)。 hspace・vspace=は、それぞれその画像と隣接する文字までの空白の幅。

hirochan17
質問者

お礼

ご教示のとおりやりましたら、うまくいきました。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

  • mid_kazwo
  • ベストアンサー率57% (188/326)
回答No.3

gooブログサークルに、似たような質問・回答・サンプルがありました。 ● 流し込みとレイアウト http://bbs.goo.ne.jp/ac22552/thread/1100011711761 gooブログでは、No2.の回答にある<img ~ align="left" ~>が使用できるのに、<br clear="left">や<br clear="all">といったbrタグのclear属性では文字の回り込みが解除できません。 上記URLには、スタイルを使用して同じようなことを行っていますので、参考になさってみてください。

参考URL:
http://bbs.goo.ne.jp/ac22552/thread/1100011711761
hirochan17
質問者

お礼

いろんなやり方があるもんですね。 何か難しそうですが、頑張って勉強します。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  • yuyukina
  • ベストアンサー率50% (6/12)
回答No.1

参考になればいいのですが・・・ 多分そのままタグが使えると思いますので、文章を書くところにHTMLで作成したものを記載してみてはいかがでしょうか? ホームページを作るような感じで。ホームページ作成経験が全く無かったらそのまま写真とコメントを一緒な写真として、画像を作ってみてはいかがでしょうか?

hirochan17
質問者

お礼

早速のご教示ありがとうございました

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 写真を貼り付けたその横に文を書きたい

    画像などを貼り付けると、その分だけ行を取ってしまいますよね?書き込めても一行だけ。 そうではなく、貼り付けた物の横に説明文などを書き込みたいのですがどうやればいいのでしょう? ワードじゃないほうがいいのでしょうか? よろしくお願いします。

  • パソコン経由の写真に説明文を入れたい

    写真に説明文を挿入したいのですが、どうすればいいのか教えて下さい。 プリンターは、エプソン EP-812Aです。 ※OKWAVEより補足:「EPSON社製品」についての質問です。

  • 写真を横一列に並べると大きいほうの画像はすべて同じになるのはなぜ?

    gooの無料ブログを利用しています。 HTMLエディターのほうで写真を横一列に複数枚並べてその下の行にその写真の説明を入れようとしています。 その場合、写真はきれいに横一列に並ぶのですが、投稿後に自分のブログから、写真をクリックして大きい画像を見ると、すべての写真がその一列に並んでいる写真の一番右端の写真になってしまっています。 小さいほうの写真と大きいほうの写真が全く違うものになっているということです。 最初はURLを入れ間違えたのかと思いましたが、何度やり直しても同じでした。 写真の掲載方法は、新規投稿の画面の写真のアイコンを押してURLを貼り付け、その後ろに"align="left" hspace="5" vspace="10" border="0">と入れています。 大きいほうの画像を入力するときは同じURLの後ろに/>align="left" と入力しています。 複数枚これを繰り返し、一番右端の画像を入れたあと、 <br style="clear: both"> と入力しています。 何が原因しているのでしょうか。 よろしくお願いいたします。

  • 写真の塗りつぶしが90度横になる

    ワード2013を使っています。 ワードにハート形の図形を挿入し、写真を塗りつぶしすると、ハートが90度横になってしまいます。 また、図ツール~書式~トリミング~図形に合わせてトリミングでハート形を選択しても、同じように ハート形が90度横になります。 どのように設定したらハート形に合わせて写真を塗りつぶしできるのでしょうか。 ご教示ください。

  • 写真2枚を横に3センチ離す方法

    WIndows 7です。gooブログです。写真(320×240ピクセル)(1MB以下)の物、2枚を横に3cm程並べて描写する方法を教えて下さい。

  • 写真の下の複数行説明文

    写真の説明文をその写真の下に掲載したいのですが、 <Table>を使用せずに、各画像の下に幅に合わせて個別の複数行の文章をつけることできないでしょうか?

  • 写真を横に並べる方法?CSSまたはHTML

    OSはWindows 7を使用しています。gooブログにおいて写真を横に並べる方法を教えて下さい。 CSSまたはHTMLの操作方法等よろしくお願いします。

  • アンドロイドのスマホで、写真に説明文をつけたい

    アンドロイドのスマホで、写真に説明文をつけたいです。 写真をプリントした時に文字が印刷される(文字が画像として保存される)ようなものは、希望と違います。 あくまでも説明文はデータであり、説明文の中の文字列で画像を検索をしたり、スマホからパソコンに写真を移動させた時に何らかの方法で説明文のテキストを取得できる方法を探しています。 アンドロイドで写真に説明文を入力し、パソコンで説明文のデータを取り出し、エクセルで写真のファイル名とそれに紐づいた説明文を管理したいと思っています。 できればネットを介さず、ケーブルでPCとのファイルのやりとりをするだけで完結したいです。(通信料がかかるため) できれば無料のアプリがよいですが、無理でしたら一回払えばずっと使えるアプリを紹介してください。(毎月定額を払うアプリを使うことは、考えていません。) よろしくお願いします。

  • 縦で撮った写真を横に2枚並べたい

    縦で撮った写真を横に2枚並べて1つにしたいのですが、 フリーソフトのEasyペクトでは縦で撮った写真を横に並べると 縮んだように変になります。 横で撮った写真を横に2枚並べるのは大丈夫です。 結合した写真を載せるところはFC2ブログです。 パソコンはWindows7です。 フリーソフトで使いやすいものがあれば教えていただきたいのですが よろしくお願いします。

  • wordで、図の横に文を入れる方法

    ワードで文書を作っています。 どう説明していいかわからないのですが、 文の途中で図や写真を挿入すると、その右側がぽっかりあいてしまいます。図自体は小さいので、その右の部分に文章を打ち込みたいのですが、図の下からしか文が入れられません。 これってどうしたらいいのでしょうか? うまく説明できずにすみません。 よろしくお願いします。