[82] 今日も今日とてHTMLとかCSSとか by えのき さんへ返信

迷っているのは、パソコン版。
回り込み式の掲載テンプレートはつくったんですが、文字の回り込みをする場合、画像は右側の方が良いんですよね。

文文絵
文文文

左に画像置くと文の途中で文字が飛んでしまう

絵文文
文文文

なので画像左にするかなーと思ったんですが、旧お題に愛着がある私が、絵は右側が良いと言っている・・・・

旧デザインはこう

　文
絵文
　文

これが好きだなぁと

今はクラスを1箇所描き変えると、掲載テンプレートが変わるように作ってあり、左右変更も、絵が上で縦型の構成もワンタッチではある。

ただ、そのフレックス構成の為に、画像を縦幅の真ん中に置く事を諦めており、回り込み無しスタイルに切り替えたらこうなるのよね

絵文
　文
　文

ベースから作り直せば、絵を真ん中にするフレックスも作れるのだが、今そうしてないのには事情が有り、絵の要素をブロックにまとめるというのを避けてるんですよね。

それは、画像が横に来る場合と画像が上に来る場合で、項目の並び順を入れ替える仕様のために、ややこしいことしたからなのね。

縦構成は名前が絵より先、
横構成は絵が名前より先、その上でレイアウトを変える、的な処理をするため、名前と設定を一括りにしていない、バラで並べてるから縦のセンター位置が取れない（取り方がわからない）


何を言うてるかわからないと思いますが、複雑なことを頑張ったんですが、シンプルにやり直した方がいいかも、みたいな話かも。

そうなると土台からやり直しだから大変だなぁと思った。

元々わかりにくい話の上に、言葉が抜けてるから文が矛盾してて何が何やらだ、読ませてしまって申し訳ありませんでした。

やっぱりほんとは縦位置センター取れる気がする、試したことが間違ってたか、真ん中を基準にするなんかがあるかも

でも普通に画像の下に名前とナンバーでよしとすれば簡単だし、サンプル画像でみてるかんじ、縦テンプレート画像の下にナンバーの方が身心地良いんですよね。
横テンプレートと合わせる為にがんばってたけども