個別記事のページです

2015年11月12日(木)
このエントリーをはてなブックマークに追加

横並びのliを下揃えにする

EC CUBEサイトの構築で、ボタンデザインを変更するとボタンが揃わなくなってしまいました。
fo1112-1.JPG
EC CUBEはデフォルトでCSSが入っているため、上手く使わないとバッティングが起こり崩れの原因になってしまいます。

fo1112-2.JPG
cssを見てみるとこのような記述になっていました。

fo1112-3.JPG
fo1112-4.JPG

「display」を「inline」から「inline-block」に変更して位置を指定する「vertical-align: bottom」も追加しました。
これで無事下揃えが出来ました。
書籍の内容と遜色のないPDFを無料プレゼントしております。
売れてる人しか知らない!売れるホームページの10の常識
過度な営業は一切しておりません。
お問合せ