会員サイトをリニューアルしました! 新サイトはこちら

画像の回り込みについて < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

画像の回り込みについて
 
通知
すべてクリア

画像の回り込みについて

7 投稿
2 ユーザー
0 Likes
1,573 表示
nene
 nene
(@nenene)
Active Member
Topic starter
 

連投してすみません。

文章の右側に画像を表示したいのですが

画像ブロックで文字を回り込みさせるにはどうしたら良いでしょうか?

文章とメディアブロックを使ってみたのですが、それだと文頭が他の文章と少しずれてしまいました。

CSS追加なども試してみたのですが、うまく反映されませんでした。

よろしくお願いします。

 
投稿済 : 24/08/2020 3:21 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

カラムブロックだとどうですか?

 
投稿済 : 24/08/2020 8:54 am
nene
 nene
(@nenene)
Active Member
Topic starter
 

お返事ありがとうございます!

ひとつ前のトピックに書かせてもらったのですが、カラムブロックだと文字サイズが小さくなってしまいます。

これは設定などで変更できるのでしょうか?

 
投稿済 : 24/08/2020 2:17 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

現状だと、CSSで打ち消してもらうことはできますね 🤔 

ただ、カラムブロックの文字サイズに関してはちょっと変に文字サイズを小さくするのは廃止しようと思います!

This post was modified 4年前 by 了(開発者)
 
投稿済 : 27/08/2020 2:06 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

また、グループブロックで囲んでから画像ブロックのafter対してのclear:both;を打ち消すようにしていただくと普通のfloat時の動作をします。

(floatがよくわからない人が無闇にボタンを押してしまうと画面が変になった!とびっくりしてしまうので、SWELLでは基本的にclearするようになっています。)

 
投稿済 : 27/08/2020 2:11 am
nene
 nene
(@nenene)
Active Member
Topic starter
 

ありがとうございます!

ブロックで囲んでからclear:both;を打ち消すようにしてみます!

カラムブロックについてもお返事ありがとうございますm(__)m

 
投稿済 : 31/08/2020 1:04 am
nene
 nene
(@nenene)
Active Member
Topic starter
 

何度もすみません💦

グループで囲んでからinitialで解除をしてみようとしたのですが、うまくいきませんでした。

具体的に記述すべきCSSなど教えていただけるでしょうか?m(__)m💦

 
投稿済 : 31/08/2020 3:01 am
共有: