text-align:centerが効かない!text-alignは何に効くCSSか

text-align

text-align

テキストをセンター揃えにしたい時に、当たり前のように記述するtext-align:center;ですが、時々、text-align:centerが効かないように思う時があるんです。特にdivタグ、text-alignが効く時と効かない時があるような・・・。ちょっと苦労したので、text-alignの特徴について改めて整理してみました。

続きを読む

背景画像(background-image)を横幅100%、更に縦横比も維持するCSS【レスポンシブウェブデザインTIPS:RWD】

rwd01

rwd01

レスポンシブウェブデザイン(以下RWD)では、デバイスの幅に応じて、文字や背景画像の幅を可変させることになります。 その際、文字数に応じて高さを自動で可変させ、背景画像を横幅いっぱいに(100%)、更に縦横比も維持して表・・・

続きを読む

川崎市 藤子・F・不二雄ミュージアム(ドラえもんミュージアム)に行ってきました!

doraemon-03

doraemon-03

ドラえもんの作者【藤子・F・不二雄】(藤本弘)先生の漫画家人生を、作品とともに辿ることの出来 るミュージアムです。 この記事では藤子・F・不二雄ミュージアムについてレポートしながら、行った感想や反省点など、これから行こうと思っている 人の参考になるような記事を書きたいと思います。

続きを読む

CSSでフッターを最下部に固定する方法

footer

footer

ヘッダー、コンテンツ、フッターとHTMLを順にコーディングしただけだと、コンテンツの行数が少ないとフッターがコンテンツのすぐ下にくっついてしまい、画面下部 に余白ができてしまいます。CSSでコンテンツの行数にかかわらず、フッターを画面の最下部に固定する方法です。

続きを読む

CSS3で透明度を指定する方法

以前よくCSSで透明度って指定してたなーと思い、すっかりやり方を忘れてしまっていたのでいろいろ調べ、自分なりに消化し たことを今更感はありますがまとめておきます。 透明度は指定方法によって適用箇所が変わります。 下の例の・・・

続きを読む



次ページへ »