タグ

2007年2月15日のブックマーク (10件)

  • デフォルトスタイルの差異を無くす CSS

    2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.netCSS2 Specificationでのプロパティの出現順序」に沿

    Shika-Crip
    Shika-Crip 2007/02/15
    デフォルトスタイルの差異を無くすCSS
  • [mixi]Netscapeのtext-indentについて - CSSテクニック | mixiコミュニティ

    質問魔ですみませんです...今回もよろしくお願い致します。 ■Netscape(7.0)でのtext-indentについて divの表示をブロックにして、アンカー設定。 テキストがなければアンカーはかけられないので(音読・SEO対策も含め) text-indentを利用して画面外へテキストを飛ばしています。 私はIEとNetscapeとFirefoxでローカル確認するのですが、 なぜかNetscapeだけびよーんと軌跡が残ったように、 text-indentがリンク色のラインで表示されてしまうのです。 これってバグでしょうか...?(´д`;)なんじゃこりゃー 念のためにサンプルを添付しておきます。 解決策をご存知の方いらっしゃいましたら、 よろしくお願い致しますます。 <body> <div id="box"> <div id="link_pos"><a href="#">text</a

    Shika-Crip
    Shika-Crip 2007/02/15
    Firefox等のリンク範囲の除去について
  • DOCTYPE宣言がないとIE7でも表示は古いまま - [ホームページ作成]All About

    補足:XHTMLを使う場合の注意点 ■XML宣言を書くとIE6で困る XHTMLを使う場合は、文法上、DOCTYPE宣言よりも前に「XML宣言」と呼ばれる記述が必要です。 ところが、IE6では、DOCTYPE宣言の前に余計な記述があると、DOCTYPE宣言を無視してしまいます。 (Mac版のIE5や、Windows版でもIE7は問題ありません。) XML宣言を1行目に記述したXHTML1.1のDOCTYPE宣言は、以下のようなものです。(文字コードがSHIFT-JISの場合) <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

    Shika-Crip
    Shika-Crip 2007/02/15
    XML宣言の書き方
  • xml宣言について - lucky bag

    標準準拠から後方互換にすると変化するもの text-alignに関して 後方互換ではtext-alignの指定がインライン要素だけでなく、divなどのブロック要素にも反映される 文字サイズに関して 後方互換ではブラウザデフォルトの文字サイズがひと回り小さい、つまりsmallがmidium相当 ボックスサイズに関して 後方互換ではwidthとheightの値にpadding、borderのサイズも含めてしまう その他margin: auto;でブロック要素のセンタリングが出来ない、CSSの記述に対して厳しくなり、pxなどの単位をきちんと指定しないとプロパティごと無視される等色々あります。xml文書と言うことでは、やはり宣言しなければいけないのですが、Mac IE4.5ではHTMLとしての解釈ができず、そのままソースを表示してしまうバグがあったりと、古いブラウザを考えるとちょっと厳しいものがあ

    Shika-Crip
    Shika-Crip 2007/02/15
    xml宣言について
  • IE6でのXML宣言の問題と回避方法 « BirDesign

    このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

    Shika-Crip
    Shika-Crip 2007/02/15
    IE6以外でのみXML宣言をするPHPコード
  • セレクタで使用できる文字 - スタイルシートの基本 -- ごく簡単なHTMLの説明

    HTMLは効率的に情報交換を行えるよう、文書の「構造」を記述することを目的にしています。そこに文字の色や形などの情報が混じってくると、せっかくの情報が不明確になってしまいます。 スタイルシートは、レイアウトを別の場所に定義しておき、それを構造に対して適用するという考え方です。いったん定義したスタイルは、複数の文書で共有できますから、全体のデザインに一貫性を持たせることができ、しかもメンテナンスがずっと容易になります。 目次: スタイルシート:文書の論理と表現を分離する カスケーディング・スタイルシート(CSS) スタイルの定義場所 クラス、idによる定義の局所化 文脈セレクタと一括設定 カスケーディングと継承 スタイルのタイプ指定 取り上げる要素: style スタイルシート:文書の論理と表現を分離する 文とは別に表現ルールを設定するスタイルシートは、文書のメンテナンスを容易にし、また表

    Shika-Crip
    Shika-Crip 2007/02/15
     CSSの読み込み順序
  • Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!

    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.

    Shika-Crip
    Shika-Crip 2007/02/15
     カラムレイアウト例いろいろ
  • Listamatic: one list, many options - Using CSS and a simple list to create radically different list options

    Can you take a simple list and use different Cascading Style Sheets to create radically different list options? The Listamatic shows the power of CSS when applied to one simple list. Vertical lists Simple list Simple list with square bullets Simple list with circle bullets Using images for bullets Using CSS background images for bullets Eric Meyer's simple separators Eric Meyer's Panelise Rollover

    Shika-Crip
    Shika-Crip 2007/02/15
     リストマティック リストの例いろいろ
  • Internet Explorer (Windows) CSSバグリスト

    ここにはWindows版Internet Explorer4.0以降(WinIE)のCSS/DOM実装バグの一覧があります。以下のリストからそれぞれのバグの詳細を見ることができます。 WinIEのCSS実装 WinIE6.0以降に「DOCTYPEスイッチ」が実装されています。DOCTYPE宣言により、W3Cが策定したCSS仕様に従う「標準モード」か、過去のUAに実装されていたCSS仕様に従う「互換モード」で解析・描画が行われます。 DOCTYPE宣言なし: 互換モード HTML3.2以前: 互換モード HTML4 Transtional/Frameset(システム識別子なし): 互換モード HTML4 Transtional/Frameset(システム識別子あり): 標準モード HTML4 Strict: 標準モード XHTML(XML宣言なし): 標準モード XHTML(XML宣言あり)

  • N.Design Studio - Blog & Design

    Welcome to N.Design Studio This is the portfolio & blog of Nick La, Toronto-based web designer/illustrator. Themify Flow: WordPress Theme Builder Jun 11, 2015 3 Comments I haven’t updated this blog for the longest time. Today I have something very exciting to present. I’ve been working very hard with the Themify team on a new theme builder for WordPress called Themify Flow. It is a lightweight, fa

    Shika-Crip
    Shika-Crip 2007/02/15
    BestWebGalleryのリンクがあるサイト