基本的なことやちょっと変わった意外な使い方などCSSに関する小技テクニックをたくさん紹介していきます。知っていることも多いかと思いますが、新しい発見もあるかもしれませんので復習を兼ねてぜひご覧ください。
←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。 だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました! display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 デモページ 画像とかの横にあるテキストを上下中央にする。のデモページ ヨモツネットさんとまるっと同じサンプルだとアレなので、ちょっとだけ実用的な感じでつくってみましたよっと。 ちょっと、IE6で確認してないので、ダメだったらご連絡ください。 IE6対応しました。ハックの書き方がいけなかったようです。すみません。 div.centeringTest p { display: table-cell; vertical-align: middle;
情報を拡散(シェア)してより多くのユーザへ! Facebookには いいね! というボタンがあります。日本のSNSでもmixiチェックなどのボタンが様々なサイトに見受けられます。これらを利便上、ソーシャルボタンと表記しますが、Facebookではこのソーシャルボタンが非常に重要な存在となるのです。 Facebookのソーシャルボタンについて ソーシャルボタンとはどういったものか 概要でも簡単に説明しましたが、最近では様々なサイトにこのソーシャルボタンが設置されています。私たちアーティスのサイトでは以下のようなソーシャルボタンをサイト内の一部ページに設置しています。 これはこのサイト内にある「Webソリューションコラム」というページに設定されているソーシャルボタンです。左から、はてなダイアリー、Twitter、Facebook、Gree、mixiチェックとなっています。 ソーシャルボタンはそ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く