WordPressで画像を用いるときに文章を回りこませないで表示させる方法を教えてください。 (文章)(画像) ←個人的には左記のように左側に文章を入力してその右側に画像があって文章が画像の上や下に回りこまないようにしたいと思っております。ネットで調べてみましたが、なかなかそれらしいものが見つからずに困っております。すみませんが方法をご存知の方がおられましたら教えていただければと思います。どうぞよろしくお願いいたします。 ちなみにプラグインはTinyMCE Arrangementを使用しておりますが、他のプラグインでもかまいませんので、できる方法をご存知でしたらよろしくお願いしたします。
No.1ベストアンサー
- 回答日時:
普通にテキスト側に右マージンを取ればfloatのマージンと相殺されますよ。
absoluteでも良いですが、いずれにしても画像が一つの段落に複数あったり、画像の高さが段落の高さを越えたりしたたときの対策も・・
HTMLが文書構造をきちんとマークアップしていれば、スタイルシートでどうにでもなります。
画像を含むブロック内の段落のマージンを確保
div.section p,div.section ul,div.section ol{margin-left:250px;}
div.section p img{float:right;width:240px;height:0;}
または、
div.section p,div.section ul,div.section ol{margin-left:250px;position:relatve;}
div.section p img{position:absolute;top:0;right:-250px;width:240px;height:0;}
とか・・
要は、セレクタを使って右マージンをとる要素をHTMLの文書構造にしたがって選択してマージンを指定、画像は右側に配置。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) 【Wordpress】headerの上に文字 4 2022/09/11 14:52
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- その他(Microsoft Office) ワードのマクロについて教えてください。 1 2023/01/21 16:01
- iPhone(アイフォーン) iPhone13の読み上げコンテンツについて。 2 2022/07/08 04:52
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- Android(アンドロイド) スマホでWi-Fi使用時に、LINEから画像が送れなくなってしまいました。 1 2022/09/25 10:03
- Mac OS Macか Windowsか?悩んでいます。 6 2023/04/07 09:35
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- Mac OS ofice365をMacでプリントしたい 5 2023/04/16 07:25
- その他(メールソフト・メールサービス) メールソフトを教えてください 1 2023/03/28 23:32
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ASP.NETでの縦・横スク...
-
CSSでDIVを複数囲むには
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
リストマーカーをボックス内に...
-
角丸画像の背景色を透明にした...
-
CSSのクラス名・ID名の指定でワ...
-
html の divとtable の役割
-
emとstrongの反対
-
ボタンをセル内一杯に表示させ...
-
中点「・」の改行について
-
含む含まないという概念自体の...
-
【ヒトの神秘】美男美女から何...
-
htmlのolやulなどlistにtitleや...
-
idの中のid指定
-
NからZへの全単射を具体的に構...
-
htmlのid属性って必要なの?
-
HTML要素のid/class名の長さに...
-
imgタグをそのまま使うことは正...
-
水面の波紋
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
wordpressでキャプション内で改...
-
ASP.NETでの縦・横スク...
-
WordPressで画像を用いるときに...
-
js、 jQuery の手直しを助けて...
-
cssとhtmlについて
-
htmlだけで背景色を分ける方法
-
onMouseのイベントで…
-
どこをテーブルで作るべきか、d...
-
NN4.78が途中までしか読...
-
画像を少しだけ左に寄せる方法...
-
アマゾン画像に安定したキャプ...
-
TeX(LaTeX2e)で柔軟な枠線を...
-
掲示板を作成しておりアップロ...
-
HTMLタグで画像の中に文章を入れる
-
htmlの文字が縦書きになる
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
-
widthやheightの数値に単位(px...
-
【ヒトの神秘】美男美女から何...
-
<h1>、<h2>と<p><div>の行間を...
おすすめ情報