商品一覧のがちゃぽこ直し

今日は、ずっと気になっていた LOOPで作成した商品一覧の文字回り込みによるレイアウトがちゃぽこ・・・をきれいにしましょう。

まずはtableで試しましたが、、、、、ここにはproducttittleが指定できそうになく ん~、ん~っと・・ん~~~~~んっと・・・・

最近なじんできた「コンテナ」 これを使うことに。
といいつつまだまだ、インナーセクションのときとの使い勝手の差の全貌はわかっていないけどなんだか良さげ。

コンテナを挿入して最小の高さを設定・・・別にtableのhightをhtmlで指定してもよかったんでしょうね。。。ここはウィジエット使います。
コンテナにテキストウィジエットを入れて動的タグにてタイトルを・・・
普通にタイトルだけをダイレクトで入れた時より、使える幅が狭いけども・・・・CSS的要素は今はおいておき、、、機能確認を。

 

   
これなら文字が回り込んでも、各々のグリッドの中ががちゃぽこにならないぞ!やたー (*´▽`*)y

最近の投稿

関連記事