書籍などに紹介されていない display : inline-block についてdisplay : inline-block をつかったレイアウト 初版 : 2008 年 7 月 5 日 アップデート : 2008 年 10 月 16 日 小山田 晃浩 株式会社メタフェイズ 矢印キーの左右でスライドを切り替えることができます。
IE 6, IE 7 の inline-block 考察 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
明日から使える inline-block – VERSIONFIVE
テーマ選び 今回何を話そうかひたすら悩みました。HTML5の要素とかCSS3のプロパティとかセレクタとか･･･結構マニアックなネタもあったのですが、それだと何いってんのコイツ、となってしまいますし、何よりいま使えないネタは興味もってもらえないかもしれない･･･とか色々悩みました。結局できるだけ業務でも使えるTipsがいいなぁとか波が来ないので全然まとまらず、結局1日前にやっと決まりました。 マークアップをしている方で、inline-block を知っている方は確認として聴いてもらえそう マークアップをしている方で、inline-block を知らない人は明日使える マークアップをしていない方にも明日使えるということで興味をもってもらえそう などということを考えていました。そして「これは使えそうかも」と思ってもらえるような構成を意識してみました。3つの例は初めにいくほどオススメのTipsにな
【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。
こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">
inline-blockはもう使える（だいたい） | Takazudo Clipping*
inline-blockとは、まさに、その名の通り、インライン要素とブロック要素の中間的なdisplayプロパティの値です。display:inline-blockが指定された要素は、文中にブロック要素をボコっと突っ込んだような形で描画されます。前後で改行されないブロック要素のような存在です。Firefox3で正式にサポートされたみたいです。使用に関して問題となるのは、これに対応していないIE7,IE6とFirefox2なのですが、どうにか頑張ると、ほぼ同様の効果を得ることができます。最近使う機会があったので、ソース解説と併せて紹介します。 まず、inline-blockは、以下のような点が便利です。 幅や高さを持てる インライン要素ではwidth,height,縦方向のmargin,paddingが無視されますが、inline-blockだとこれが可能になります。 連続するブロック要素を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
