ナビゲーションのドロップダウンメニューは、JavaScript を使って実現出来ますが、スクリプトをオフにしてブラウジングしている人も居たりするんで、それを CSS だけでやってみた。今、チョロッとやってみただけなんで、微妙な感じかもしれませんが。（しかも、全然クロスブラウザじゃないし...） やり方としてはいくつかあると思うんですが、今回はサブメニューの表示・非表示をコントロールするために、疑似クラスの hover プロパティを リスト要素に使っています。なんで、hover プロパティをアンカー要素以外に適用出来ない IE なんかでは表示されないんで、あまり使えないかも:-P リストを横に並べる 元となる (X)HTML のサンプルは、当然の事ながら、ナビゲーション部分をリスト要素でマークアップしてあります。また、全ての要素の margin と padding を 0 にしています。 サ

サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

THISYEARSMODEL.COM THISYEARSMODEL.COM THISYEARSMODEL.COM Erotic Poster Prints CUSTOM REQUESTS ACCEPTED! CLOTHED, TOPLESS, NUDE, EXPLICIT...ALL OPTIONS ARE AVAILABLE! ALL PRINTS 17 X 22 ThisYearsModel.com 01. This Years Model 02. Michelle Jean 03. Aspen Martin 04. Ashley Doll 05. Catie Minx 06. Dawson Miller 07. Destiny Moody 08. Dolly Little 09. Jewel 10. Lana Lea 11. Rachel Reid 12. Rylee Marks 1

CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設

スタイルの設計とCSS 2.1：詳細目次 第2章、第3章の一部は本文をウェブに公開し、この目次からリンクしています 1. 情報の組織化とマークアップ 1.1 コミュニケーションと情報ブロック 1.1.1 情報の組織化と理解 1.1.2 タスク/目的に対する機能 1.1.3 情報の組織化、認知を助けるためのデザイン 1.2 XHTMLと情報の組織化 1.2.1 XHTMLの基本ブロック要素型 1.2.2 機能ブロックとXHTML 1.2.3 インラインレベルの要素型 2. CSSの基本 2.1 CSSの基本処理モデル 2.1.1 CSSの意味と役割 2.1.2 文書ツリーと整形モデル 2.1.3 キャンバス、表示域、ドキュメント 2.2 CSSの記述 2.2.1 スタイルシートの構文 2.2.2 XHTML文書への組み込み 2.2.3 プロパティ値のデータ型と単位 2.2.4 @規則 2.2

by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.

トピック: SafariでヒラギノProをCSS指定したい オリジナルメッセージ ( 作成日 2004/9/20 7:45 pm ) Webの制作をやっています。 Safari（1.2.3）の表示についてお知恵をお貸しください。 ヒラギノフォントへのCSSでのBOLD指定が Safariで効かなかったため 当該箇所にヒラギノProW6を指定したいのですが、 ヒラギノStd W8 は指定できるのですが Pro W6は指定できない状態です。 Safariの環境設定で ベースフォントはヒラギノProにしてあります。 （ここの環境設定ではW3かW6かは設定できないですよね？ その事を考えるとSafariはフォントファミリー内のウェイトを 認識できないのかなとも思います） どなたかPro W6を CSSで指定できているという方 いらっしゃいましたらその方法を ご伝授

MySQL no database selected is an error that occurs when you execute a statement without first selecting a database. The database may be completely missing, or you may choose the … Read more

» the featured sites are handpicked and proposals are not accepted. as legend has it, remarkable designs will find their way to screenfluent.

ここはテーブルタグ（表）を項目を指定していくだけで簡単作成することができます。 下にあるボタンで現在の結果を新ウィンドウで確認することができます。 ボタン下にある項目を選択していき、再度ボタンを押せば変化があります。 完成したタグが欲しければ、結果ページの下にあるテキスト部分をコピーしてください。

Xyle Scope was a CSS debugging tool for web designers that we developed in 2004. It allowed you to inspect the whole cascade of applicable style rules for selected HTML elements. Today, the functionality is superseded by Safari’s web inspector. We have stopped the development in 2007, and the product is no longer supported. The last stable version can still be downloaded here. It might or might no

CSS だけでフォトギャラリーっぽいのを作ってみるテスツ。「stu nicholls | CSS PLaY | CSS photo-gallery hover and active」あたりを参考に、ちょっとやってみた。サムネールにマウスオーバーで拡大画像を表示。サムネールクリックで拡大画像を固定。別の場所をクリックすると元に戻る。ってな挙動。最低限のブラウザでしかチェックしてないんで、まともに動かない環境もあるかも知んない。 gallery.html (X)HTML は下記のように、画像を順不同のリストで並べている。 <ul id="gallery"> <li><a href="#empty-anchor"><img src="01.png" /></a></li> <li><a href="#empty-anchor"><img src="02.png" /></a></li> <li>

http://lab.rails2u.com/bgmaker/ ウェブサイトのデザインをしているとき、自分はCSSを利用します。そのCSSを書いていて、「ああ、こんな背景画像がほしーな」と思うと、今までは画像編集ソフトでちまちま作ってSCPでサーバにアップして確認し「いやここはもうちょいこうした方が」とまた少しだけ修正してアップして…という繰り返し作業を行ってました。 しかしその作業単調が面倒になってきたため、簡単にWeb2.0っぽいアプリケーションでよく使わるような背景画像をWeb上から作成できるツール、「Background Image Maker」を作ってみました。下のような背景画像を簡単に作成ができます。また先日このページを現在のデザインにリニューアルしたのですが、今使っている背景画像も全部 Background Image Maker を使って作成してます。 使い方は値を適当に弄