CSS で table に斜線を引く方法
CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。 サンプル（クリックすればサンプルページに移動します） Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。 ポイントは以下です。 th 要素に position: relative; 斜線を引く要素（ここでは span）に position: absolute; を設定。 斜線（border）を適用する要素の前に を設定。 がなかったり、要素の後方に があると、th のスタイルが隠れてしまう。 クロスブラウザにするため、font-size や line-height など、いくつかのプロパティを設定。 HTML <table summary="data"> <thead> <t
[CSS]幅は可変で高さは異なるカラムの高さを等しくするスタイルシートのまとめ
幅は%で指定した可変、高さはそれぞれ異なるカラムを使ったレイアウトで、スタイルシートを使用してカラムの高さを等しくする今までの方法から、これからの方法までを紹介します。 Fluid Width Equal Height Columns [ad#ad-2] 下記は各ポイントを意訳したものです。 Doug Neiner メソッド Nicolas Gallagher メソッド Using Tables One True Layout メソッド Flexbox メソッド メモ 訳者注 各デモは「:nth-child」を使用しているため、モダンブラウザのみ期待通りに表示します。詳しくは「メモ」を参照ください。 Doug Neiner メソッド 「Doug Neiner」メソッドは、CSS3グラデーションからアイデアを得た方法です。 [css] .five-columns { background-i
Zudolab -
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
jQuery：tableでマウスのhoverしている行と列の色を同時に変える方法(テーブルを少し美しく見せる方法)
上手く行と列が選択できているのですが、問題はマウスを動かしたとき。 同じ行内を移動すると、なんと選択していたところの文字が変化してしまう。 同じ行内にいるときは、変化しないで欲しいのに… と、それだけじゃなくて、一度変化するとそのままの色が引き継がれてしまう。 なんとか解決する方法はないのだろうか・・・ 同じ列にclassをつけてみる これも、先日書いたエントリーに 「jQueryを使い要素の出てくる順に番号をつける方法（forの代わりにeach()を使う繰り返し）」 で書いたように、同じ列にclassをつけることが可能である。 ということでclassをつけてそのclassに適応してみた $("#test2 tr").each(function () { $(this).children().not('th').each(function (i) { i = i+1; $(this).ad
テーブル（表）-構造: Webアクセシビリティ
テーブル（表）-構造 本論 TABLE テーブル 指定範囲が表構造である事を示す要素です。 「表」は同じ性質を持つデータを繰り返し示し、その関係や全体像を示す際に使用するものです。 まずは「表」でなければならないのかどうか、別の形式で表現できないかどうかを吟味する必要があるでしょう。 人の思考は例えば、面的なものでもまず目を惹くものから順に線形上に置き換えます。立体ならば、ここを通り、あそこを曲がり、到着するなどとやはり線形上に置き換えます。線形上なものが一番理解可能なのですから、対比する必要性がないものはテーブルはなるべく使わない方が理解されやすいと考えた方が無難でしょう。 音声読み上げではテーブル枠の中を選択し、コピー＆ペーストでメモ帳、エディタに貼り付けた状態が読み上げ順になります。 正しい並び順
視覚障害者対応Webページへの修正ガイドライン
2006年09月21日更新 ここでは、信州大学e-Learning Web教材を視覚障害者(全盲)の方が音声ブラウザ ( IBM ホームページー・リーダー 3.01を標準とする) を使って理解できる形式に修正する方法について説明する。 また、今後の視覚障害者対応Webページ製作のガイドラインとする。 Webブラウザのタイトルバーに表示されるタイトルが下記のような場合、修正を行う： 複数ページに同じタイトルがつけられている。 タイトルがページ内容を適切に示していない。 タイトルが存在しない。 対処方法： 適切なタイトル名に変更、あるいはタイトルを付加する。 どのようなタイトルにしていいか分からない場合は、教材作成教員に問い合わせる。 トップページのタイトル名には、「信州大学教材 - 教材名・トップページ」 をつける。その他のページでは、ページ内容を示すタイトルをつける。 また、章や節の番号が
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
