引用タグの引用符をcssで完璧にデザインする方法

引用タグの引用符「”」をcssで表現する方法をメモ。

ブログだと引用タグ(blockquote)を使うことは多いんじゃないかなと思いますが画像でデザインしているサイトを多くみます。
ですがレスポンシブサイトを作成するときはcssで作ってしまったほうが利点が大きいと思います。
“引用タグの引用符をcssで完璧にデザインする方法” の続きを読む

cssのpositionでdivの範囲外を指定した場合に見切れて表示されない問題の修正点

wordpressの新しいテンプレート「twentytwelve」をカスタマイズしていた時に出会った問題ですが、ページの再外側のdivの範囲外を指定すると表示されない問題があり、なんでだろうと思ってcssを見直してみると。。。
“cssのpositionでdivの範囲外を指定した場合に見切れて表示されない問題の修正点” の続きを読む

clearfixを使用しているとwordpressの下部に空白ができるのを修正する方法

clearfixを使用しているとフッターの下部に空白ができてしまいます。

これを修正するにはcssのclearfixの部分に

overflow:hidden;
font-size:0.1em;
line-height:0;

を挿入!

これでおかしな空白は削除されます。