カテゴリ - CSS

e-JOINT.jp

macOS/iOSのSafariでinput type=textのplaceholderが上にずれるのを修正する

1px単位で気をくばれるのが正しきデザイナーの気構え。しかし、なんか、iPhoneのSafariでinput type=textのplaceholderが上にズレてて気持ち悪い…と思ったらMacのSafariでもずれてました。というわけで、解決法。

続きを読む

e-JOINT.jp

CSSだけで可変幅のfigureとfigcaptionの幅を揃える

分かりづらいタイトルですいません。要はさまざまな横幅のfigure(imgなど)に対して、figcaptionの幅をそのfigureと同じ幅にしたい、というお話です。

続きを読む

e-JOINT.jp

CSSのみでAppleのサイトのような横スクロールするナビゲーションメニューを作る

Appleのサイトなどにあるような、横スクロールタイプのナビゲーションをCSSのみで実装するの巻。

続きを読む

e-JOINT.jp

IEで、高さを揃えた入力フォームとボタンの横位置がずれる時の対処法

フォームのパーツの高さを揃えたりするのは、なかなかうまくいかない。CSSで頑張ってやってみるものの、ブラウザ間の違いできれいにならなかったり。 なんとかこうとか揃えたものの、IEさんがまた暴れてる… 続きを読む

e-JOINT.jp

IE9はfilterとborder-radiusを同時に使うと角丸にならないのでfilterを解除するハック

e-JOINT.jp

CSSをPHPで書く方法

参考元: CSSをPHPで効率良く書く方法 : Web Design KOJIKA17