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の実装状況で変わるボックスのデザイン方法
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
8 Simple Ways to Improve Typography In Your Designs – AisleOne
Skip to content
はてなブログ | 無料ブログを作成しよう
新米と秋刀魚のわた焼き お刺身用の秋刀魚を買いました。1尾250円です 3枚におろして、秋刀魚のわたに酒、味醂、醤油で調味して1時間ほど漬け込み、グリルで焼きました 秋刀魚のわた焼き わたの、苦味が程よくマイルドに調味され、クセになる味わいです 艶やかな新米と一緒に 自家製お漬物 土…
[J] JavaScript と CSS でウェブサイトを印刷対応にする方法
海外の際とで時折見る Printer-friendly version とか print (view print page) などの印刷用にデザイン・レイアウトし直したページの表示機能。 実装例としては以下のあたり。 Gap Inc New York Times プレスリリースや各記事のページに行くとページ上部に Printer-friendly version, print などのテキストリンクが見つかる。 New York Times のそれは、ソースの内容 HTML の head の部分が書き換わっているので URL の拡張子は .html だけどパラメータを読み込んでサーバーサイドのプログラムが動いているんじゃないかと。 っで、今回は JavaScript と CSS でお手軽に実装したいのでいくつかのソースを覗いてみた。 Gap Inc の場合 先に紹介した Gap Inc は
CSSでWii風のシンプルで角がまるいボタンを作る方法２
アフィリエイト ├アフィリエイトとは？ ├アフィリエイト比較一覧 ├テンプレート配布先一覧 ├クリック報酬プログラム一覧 ├アフィリエイトツール(20) ├Google AdSense(20) ├アフィリエイト情報(50) 携帯アフィリエイト ├携帯アフィリエイトの始め方１ ├携帯アフィリエイトの始め方２ ├携帯ＡＳＰ比較一覧 ├携帯メルマガ(5) ├携帯アフィリエイトツール(10) ├携帯アフィリエイト情報(30) アクセスアップ └アクセスアップ方法(10) ＳＥＯ └ＳＥＯ対策(10) ブログ ├ブログとは？ ├無料ブログ一覧 ├ブログカスタマイズ方法(14) ├ブログパーツ(14) ├ブログ情報(17) 無料ツール ├無料ツール一覧 ├ＲＳＳツール一覧 ├ＲＳＳリーダーの使い方 ├フリーソフト一覧 ├短縮ＵＲＬツール一覧 ├キーワードアドバイスツール その他 ├当サイトの方向性 ├
Lucky bag::blog: CSS だけで Mac OS X の Dock 風ナビゲーション
Paul Armstrong Designs - Weblog - CSS マウスオーバーした時にグニュって拡大する Mac OS X の Dock っぽい動きを CSS だけで実現させるってアイデア。このギミックがユーザビリティ的にどうかは置いておくとして、隣接セレクタを使ってフォントのサイズを段階的に変えるってのは面白いなぁ。試しに自分でもサンプルを作ってみた。ちなみに動作するブラウザがかなり限定されしまい、 隣接セレクタ未対応の IE はもちろん、Opera や Safari でもうまく動作しない。まぁほぼ Gecko オンリーって感じ。 対応ブラウザ Firefox 等の Gecko 系 Internet Explorer 7 beta 2 テキストをズーム CSS だけで Mac OS X の Dock 風ナビゲーションのサンプル その 1 li { font-size: 1em
[css]floatの回り込み解除を親要素で処理
Captcha security check aoina.com is for sale Please prove you're not a robot View Price Processing
PHP + CSS Dynamic Text Replacement (P+C DTR) - CSS Help Pile - artypapers.com
What is P+C DTR? PHP + CSS Dynamic Text Replacement is a JavaScript-free version of the Dynamic Text Replacement method originally created by Stewart Rosenberger. P+C DTR allows you to take a vanilla standards-based (X)HTML web page and dynamically create images to replace and enhance page headings using only PHP + CSS. Sick of using the same three fonts? Tired of editing heading images in PhotoSh
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Alternative Design Project
WEBSITE.WS - Your Internet Address For Life™
PhpMyBorder
コードを淡々と記録するよ
Picment.com Articles CSS Fun with forms customized input elements
Shift: Zoho Writer に待ちに待った機能が・・・