少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
HTML で Excel の「ウィンドウ枠の固定」を実現する
Excel で「ウィンドウ枠の固定」をすると、固定部分は縦または横方向にしかスクロールしなくなる。 HTML でこのようなスクロールを実現できないか悩んでいたら、ある人がこういうサイトを教えてくれた： ウィンドウ枠の固定２ http://www.h7.dion.ne.jp/~nuru44/window2.html ポイントは次の２点 本体部分、および、上・左の固定部分を別々にブロック化し、CSS の overflow を使ってそれぞれブロック内でスクロールできるようにしておく JavaScript を使って、本体部分のスクロール量を上・左の固定部分のスクロール量に反映させる 上に紹介したサイトのものは複雑でわかりにくかったので、もっとシンプルな例を作ってみた。 あいうえおかきくけこさしすせそたちつてと いうえおかきくけこさしすせそたちつてとあ うえおかきくけこさしすせそたちつてとあい えお
テーブルのヘッダを固定 « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb
ソースコード (X)HTMLファイル ヘッダ固定に直接関係のないidやclassは省略しています。 また、データ部分についても長くなるので省略しています。 <div class="table_header_fixed"> <table cellspacing="0"> <thead> <tr> <th>順位</th> <th>タイトル</th> <th>スタジオ</th> <th class="last">興行成績</th> </tr> </thead> <tfoot> <tr> <td colspan="4" class="last">copyright</td> </tr> </tfoot> <tbody> <tr> <td>1</td> <td>パイレーツ・オブ・カリビアン/ワールド・エンド</td> <td>ディズニー</td> <td class="last">$961,002,
テーブルの見出しを固定してデータ部分だけをスクロールさせる
<HTML> <HEAD> <TITLE>テーブルの表題を固定してデータ部分だけをスクロールさせる</TITLE> <script language="JavaScript"> <!-- window.onload = cngrow; function cngrow(){ //行の背景を一行おきに塗分けします。詳細はこちら var myTR =document.getElementById("myTBL").rows; for (var i=0;i<myTR.length;i++) { var v=i%2; if (v==1) { myTR[i].style.backgroundColor = "#ffccff"; myTR[i].style.color = "navy"; } } } //--> </script> </HEAD> <BODY> <TABLE cellpadding="2
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
stroll.js - CSS3 Scroll Effects
Grad3
最近のWeb制作で必ず1度はお世話になる便利なジェネレーターまとめ5つ - W3Q
Twitter Bootstrap Generator
