Category Archives: CSS

[ec-cube] 管理画面全体が左寄りで使いづらいのでセンターに揃える。

なんで左寄りなんでしょうね。 左寄りでもいいのですが、 (1)なんとなく使いづらく感じる (2)時代遅れ感が否めない といった理由からセンター寄せにさくっと修正してみました。 ついでにクライアントに納品する際には「ホーム」画面右側に表示される開発側からの「インフォメーション」欄は不要なので非表示にしています。 EC-CUBEバージョン 2.11.4 です。 … 続きを読む [ec-cube] 管理画面全体が左寄りで使いづらいのでセンターに揃える。

[CSS]画像を敷いてテキストを任意の位置に表示させる

564bed646e82e4fa3756c6184c9dede12-300x197

キャンペーンサイトなどに有用 こちらも忘れがちなので、メモ。 デザインがやたらに凝っていたりする際にはざくっと背景に画像を敷いてテキスト要素は position:relative; や position:absolute; で好きな所に表示させるのが楽。 手抜きに見えるが、ソースもスッキリ奇麗になるのでいいと思う。 ソース CSS #main .dn {di … 続きを読む


画像を敷いてテキストを任意の位置に表示させる

[CSS] ブロック要素の横幅を要素の内容に沿わせる

2483f0064bddab8d410f96fadd9ee5ea-300x53

テキストの周りにborderを指定する際に有用 毎度忘れてしまうので、メモ。 <p>や<div>といったブロック要素のデフォルトでは横幅が100%になってしまうので display:inline; を指定して中の要素に応じて伸縮するようにする。 ソース 右図の様なスタイル例 HTML <p id="c_note01&q … 続きを読む


ブロック要素の横幅を要素の内容に沿わせる

セルにうっすらと白い枠があるテーブル

使い道 セルにうっすらと白い枠があるテーブル おおざっぱなので余計な属性も入ってます。 サンプル CSSがバッティングしてちょっと変になってますが・・・ お好みの条件を選んでください。 ジャンル、ブランドを選んでください ジャンル 選択してください Stylish Elegance Princess Lady Luxury Glamorous Sweet M … 続きを読む セルにうっすらと白い枠があるテーブル