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

めっく id:mtart

tableに関するmtartのブックマーク (6)

[CSS]要素を横並びに配置できるdisplay:table-cellの基本的な使い方と注意点 | WEBデザインのTIPSまとめサイト「ウェブネタチョ」
要素を横並びで配置するには、CSSのfloatやdisplay:inline-blockを用いるか、あるいは <table> タグを用いるか…の方法がありますが、今回紹介させていただくdisplay:table-cellでも同じことができます。 float などとの大きな違いは「要素を均等幅で配置できる」ので、スマホのような可変のデザインにも適している点だと思います。
mtart 2014/08/03
css

table-cell
リンク
http://yaplog.jp/alpha-studio/archive/58
mtart 2014/07/24
table

css

均等
リンク
【HTML5・CSS3】おしゃれなテーブルデザインのサンプルソース5点 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
地味な離島ライター内藤です。普段はコーダーとして仕事をしていますが、たまにはデザイナーさんのように人の目に触れる仕事もしてみたい！そこで本日は、日々の業務で見かけてこれは使えるぞと思ったtableを、独自に再構築してソースコードを公開しようと思います。 table作成時に参考になるサイト本題に入る、その前に。XPの公式サポートも終了し、HTML5＋CSS3の普及が進んでいます。今更ながら、この技術でどんなtableが実現できるのか、とてもわかりやすく説明されていたサイトをまずご紹介します。 table専門参考ページ4選 table専門の参考ページを4つほど選んでみました。 CSS3を使って美しく装飾されたテーブルの作り方｜Webpark CSS3でのtableの作り方を、見た目とソースから解説してあります。テーブル｜CSSデザイン｜スタイルシート（CSS）｜PHP & JavaScr
mtart 2014/07/24
table

css
リンク
tableのborder-collapse、border-spacingを使ったデザイン - CSSテクニック - acky info
positionを使ったCSSテクニックテキストリンクをpositionでずらしてクリック感をつけるフォームのradiobutton、checkbox、selectのずれを調整する positionプロパティのrelative、absoluteの簡単な使い方フォームに関するCSSテクニック :focusを使って入力中のフォームに背景色をつける検索ボックスのデザインをCSSで整えるフォームの送信ボタンにロールオーバーをつけるフォームのradiobutton、checkbox、selectのずれを調整するフォームのIME-MODEを指定する疑似クラスを使ったCSSテクニック liやtr、tdの背景色を交互に付ける :focusを使って入力中のフォームに背景色をつけるテキストリンクをpositionでずらしてクリック感をつける検索ボックスのデザインをCSSで整えるフォームの
mtart 2014/04/16
css

table
リンク
table の cell を等間隔にする - ぶろぐ
table { table-layout: fixed; word-wrap: break-word; }
mtart 2014/04/11
等間隔

table
リンク
エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)
STEP1. エクセルとかからCSV (TSV)をコピーしてを貼り付け STEP2. オプションを選択して変換細かい設定列目までをTHEADとする。(0でTHEADなし) TBODYの行目までをTHとする。 TBODY THに深度を埋め込んだクラス名を追加する。(1〜) クラス名： " + n" ひとつめのTHに深度クラスを追加しない。(lv1を追加しない) n列ごとにTRにクラス名を追加する。(0〜) クラス名：列数　　：クラス名に列数を追加する。(nrow0, nrow1,,)
mtart 2014/03/12
excel

table
リンク
1