CSS メニュー横並びボタン - 3ping.org
2007-01/20更新しました。 ソースコードを見直してボタン化の方法を変えました。基本CSSボタンメニューと同じ方法で、floatとfloatによるクリアの問題を解決するためのコードも含めました。これにより、コピペで問題なく使えるようになりました。 変更点は以下の通りです。 floatをクリアするコードも含めた。ページ下部にはMacIEに対応する場合の追加コードも記述 a要素にwidthを指定していたのを、親要素に変更。これにより、a要素には左右にpaddingが指定できるようになった。 HTML側でulとliのセットのみでボタン化できるようにした。 プロパティの記述順序を変更 <ul id="globalNavi"> <li><a href="./">List1</a></li> <li><a href="./">List2</a></li> <li><a href="./">Lis
ごく簡単なHTMLの説明
HTMLは本来簡単で便利なものです。「30分間HTML入門」で基本は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基本がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 （スライドのHTML版） 何のためのHTML？ HTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
HTML要素の位置取得 - elm200 の日記(旧はてなダイアリー)
趣旨 ウェブページとして描画された HTML 要素の画面上の位置を取得する。一見簡単そうに見えるこの作業が、現在実装されているブラウザ上ではとてつもなく難しい。そのことを以下で説明していく。 情報ソース この問題に関して調べたところ、最もよく出来ているエントリは、susie-t 氏による offsetTop/offsetLeft/offsetParentの闇 である。とてつもない力作で、実に多くのケースにわたって、包括的に探究が行われている。まるで犯人を追跡する刑事のような執拗さである。氏の自己紹介では「ナマケモノのプログラマ」とか謙遜されているが、これはとてもナマケモノにできる仕事ではない。 基本中の基本として W3C CSS 2.1 の次の章を抑えておきたい。 8 Box model 9 Visual formatting model 10 Visual formatting mode
HTML 5 / A vocabulary and associated APIs for HTML and XHTML / W3C Working Draft 22 January 2008
Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F
About the HTML 4.01 specification Japanese translation
HTML 4.01 仕様書邦訳概説 この文書は、W3Cにより作成されW3C勧告文書として公開されている "HTML 4.01 specification" (http://www.w3.org/TR/1999/REC-html401-19991224) を、HTML 4仕様書邦訳計画補完委員会が邦訳したものです。HTML 4.0仕様書補完委員会訳とは異なり、より仕様書らしい文体で日本語化してあります。 原著作権はW3Cが保有し、二次著作権はHTML 4仕様邦訳計画補完委員会が保有します。 正規の規定はW3Cサイトにある英語版であり、この日本語版は参考にすぎません。 邦訳の過程で気づいた原規定の誤りについては原著者に報告し、明らかなタイプミス等についてはerrataに掲載される前であっても修正した訳を掲げる場合があります。 この文書には、翻訳上の誤りがあり得ます。当委員会は翻訳の正確性を保証
ruby のスクレイピングツールキット scrAPI - 川o・-・）＜2nd life
http://blog.labnotes.org/category/scrapi/ ruby でスクレイピングして web の情報を取得するのには、今まで正規表現か xpath でやってたので、わりと面倒でした。で、ふと scrAPI というスクレイピングツールキットを知ったのですが、これがかなり便利そう。 このツールキットを使うと、CSS3 なセレクタを記述することで、要素を取得することができます。たとえばとあるサイトのリンクを全部取得したければ、 require 'rubygems' require 'scrapi' require 'open-uri' require 'nkf' require 'pp' $KCODE = 'u' links = Scraper.define do process "a[href]", "urls[]"=>"@href" result :urls e
[を] HTMLファイルに文字列として画像データを埋め込む
HTMLファイルに文字列として画像データを埋め込む 2006-10-01-1 [Tips][Programming] 画像データを文字列として img の src で指定できる。 これにより、HTMLファイル1つでテキストと画像が表示できる。 技術メモ帳 - URI の data: スキーム (http://d.hatena.ne.jp/lurker/20060810/1155213304) によると、 表記方法は下記。 <img src="data:image/gif;base64,BASE64データ"> 「BASE64データ」の簡単な作り方は、 curl -s http://i.yimg.jp/images/search/head_050825.gif | \ openssl base64 | tr -d '\n' など。 表示は IE6 ではだめだけど、Firefox
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.stylish-style.com/csstec/csstec-top.html
ちょっと詳しいHTMLとCSS -- 脱初心者をめざす人のためのホームページ作成講座
http://msugai.fc2web.com/web/CSS/selector.html
(X)HTML Reference