gooブログを利用しています。
画像の「右下」に、「複数行」の文章を回り込ませる方法を教えて下さい。
下記のようなイメージです。(■の部分が全部で1枚の画像です)
■■■■■■
■■■■■■
■■■■■■
■■■■■■ 文字文字文字
■■■■■■ 文字文字文字
色々探してみたのですが、
(1)leftのタグを使う「画像の右側(上から)複数行」
(2)bottomのタグを使う「右下側に1行のみ(?)」
しか見つかりませんでした。
タグの知識はあまりないので、これらを同時に使う事ができるのかとか(あるいはできないのでしょうか?)、分かりません。
どうぞご教示お願いします。
No.2ベストアンサー
- 回答日時:
厳密には回り込みとは違いますが、テーブルタグを使うとご希望通りの表示ができます。
<table><tr><td><img src="画像のURL"></td><td valign="bottom">文字列</td></tr></table>
* 注意: 途中で改行しないでくださいね。
この例では、表の中の左のセルに画像、右のセルに文字を入れています。「valign="bottom"」と指定する事で右セル内の文字が下寄せになります。この方法は、画像の説明用の短文を書く場合に適しています ( ^^
さっそくのお返事ありがとうございます。
コピーしてやってみたら、イメージ通りのものができました!
画像を2個並べて、その横に文字を配置したりもしたかったのですが、これもテーブルタグを使えばできそうですね!
どうもありがとうございました!
No.1
- 回答日時:
んー私だったら次のようにしてみると思います。
成功できるかはわかりませんが。
■■■■■■↑
■■■■■■|ここの空白の高さを70pxとすると
■■■■■■↓
■■■■■■ 文字文字文字
■■■■■■ 文字文字文字
<img src="画像のURL" style="float:left;">
<p style="padding:70px 0 0 10px;float:right;">文字文字文字<br>文字文字文字</p>
<br style="clear:both;">
さっそくのお返事ありがとうございます。
教えていただいた方法、コピーしてやってみました。
なぜか画像と文章の間がものすごく開いてしまって、レイアウトがおかしくなってしまいました…
タグの意味はなんとなくでしか分からないので、たぶんですけど、画像が左に、文字の方は右に寄ってしまったんだと思います。
文字列の周りに枠ができてるのは分かったので、ピクセル数を変えれば、ここの中の調整ができるのは分かったんですが…
アドバイスありがとうございましたm(__)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Word(ワード) Wordで行間が勝手に空いてしまう 6 2023/01/09 06:03
- gooブログ ブログの行間を狭くする方法 1 2023/05/26 13:06
- Excel(エクセル) エクセル関数の変わった使い方 3 2022/05/13 17:12
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
- Visual Basic(VBA) VBAで、特定の文字より後を削除して残った数値を文字列に変換と特定の文字より前も削除したい 3 2022/04/15 19:21
- Visual Basic(VBA) サブフォルダ(データ)にある複数の.xlsxファイルのSheet3のA2セルの値で01から左側をB2 2 2022/08/14 15:46
- Excel(エクセル) 名前と日付が一致する箇所にフラグを立てる関数が知りたいです 4 2022/08/11 02:24
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- HTML・CSS htmlです。 上のところには黒文字でピカチュウで、ピカチュウの文字には影をすべてにつけてください周 1 2023/01/02 12:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テプラの文字を大きくしたいで...
-
レポート2000字程度なら何文字...
-
つぶれた文字
-
Gmailの表示文字を大きくする方...
-
「Andoroidスマホ、Gmailで 文...
-
12ptと12pxの違いですが、12pt...
-
Wordで勝手に文字サイズが変わる?
-
Facebookの文字を大きくする方法
-
2KB~4KBって何文字ですか?
-
Wordでのレポート、文字数行数...
-
動画をブログに貼り付けたいん...
-
薄く明るく柔らかいオレンジ系...
-
アメブロカスタマイズ 記事枠の...
-
Excelに入力しているタグ<br>...
-
アメブロ 文字の色を変更したい。
-
ライブドアブログで、本文上の...
-
ブログの文章の改行がおかしい...
-
エクセルの改行のエンター
-
ワードのヘッダーの文字について
-
FC2ブログの共有テンプレ
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テプラの文字を大きくしたいで...
-
レポート2000字程度なら何文字...
-
つぶれた文字
-
Gmailの表示文字を大きくする方...
-
Wordで勝手に文字サイズが変わる?
-
大学のレポート A4で1枚レポー...
-
Facebookの文字を大きくする方法
-
大学の講義が始まり、講義後に...
-
謎の文字記号 これどうなって...
-
2KB~4KBって何文字ですか?
-
【ライブドアブログ】スマホ版...
-
「Andoroidスマホ、Gmailで 文...
-
Wordでのレポート、文字数行数...
-
2chのスレッドについて質問です。
-
ページによって文字が重なって...
-
12ptと12pxの違いですが、12pt...
-
文字や画像がブロックごとにぼ...
-
印刷物の文字数の目安
-
ライブドアのブログと文字の大きさ
-
写真(JPG)に縁取り文字を書く方...
おすすめ情報