[B! table] cptskgjのブックマーク

【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。

娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d

cptskgj 2013/05/18

リンク

Table Tag Generator

To increase or decrease the value, you can either enter on the keyboard, click on the spinner, or turn the mouse wheel. You can select the cells by dragging. Please enter the characters. Please enter the name of the class. × It is not possible to merge <td> and <th>. × It is not possible to re-merge the merged cells. Please split them. × Please enter a number. × Please enter a natural number (1,2,

cptskgj 2012/01/26

リンク

[CSS]さりげなく、美しくて分かりやすいテーブルにするCSS3のチュートリアル

IE6などの非サポートブラウザも配慮した、角丸、ゼブラ柄、ハイライトなど美しくて分かりやすいテーブルを実装するCSS3のチュートリアルを紹介します。デモページ:Zebra stripes, footer 角丸、セルを交互にカラーリング実装のポイント CSS3を使って美しく、そして機能するテーブルを実装するポイントです。画像を使用しないで、角丸を実装。余分なid, classは使用せず、更新が容易。 ※tableにclassを一つだけユーザフレンドリーで、読むことが簡単。実装 HTML HTMLは非常にシンプルです。 classは、tableタグにのみ使用します。 <table class="bordered"> <thead> <tr> <th>#</th> <th>IMDB Top 10 Movies</th> <th>Year</th> </tr> </thead> <tr

cptskgj 2011/11/09

table
css

リンク

秀逸なテーブルデザインのパターン集:phpspot開発日誌

Ultimate guide to table UI patterns 秀逸なテーブルデザインのパターン集をまとめたエントリのご紹介です。デザインだけでなく、見やすさや分かりやすさという点にも気を配りたいテーブルデザインは比較的難しいものになりますね。テーブルデザインの例を知っておくことで、難しいテーブルのデザインをする際にも参考に出来そうです。 Apple のデザインっぽいテーブル複雑なデータをわかりやすくスタイリッシュにまとめたテーブル画像なども盛り込みつつ見やすいテーブルシンプルに見やすいテーブル JavaScript の入ったものも入ってきますが色々なテーブルを見てストックしておくと後に役立ちそうです。関連エントリ CSSでデザインしたクールなテーブルのサンプル集 CSSでデザインされたテーブルレスでクールなフォームサンプル

cptskgj 2011/11/09

table
css

リンク

Useful jQuery Plugins to Enhance HTML Tables - noupe

This post contains 40 varieties of functional jQuery tables plugins that let you achieve the maximum functionality and flexibility that you cannot get with the classic ways of using HTML tables. With the right jQuery plugin, you can create dynamic tables in which users can identify and sort out all the sections they want. These plugins will help you in creating user friendly and dynamic tables wit

cptskgj 2011/01/24

リンク

Pricing Tables - Best Practices, Tips and Inspiration

Pricing tables have become an essential element of every online business website. While it can hike up your business if done neatly, it can also be the tombstone of your online business. A pricing table’s task is to help users choose the best pricing plan for them based on their needs. But we often find the tables dazzling and hard to understand. Your Web Designer Toolbox Unlimited Downloads: 500,