font-sizeのパーセント表記一覧 - Webtech Walker
font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px～16pxのときに10px～26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。 注意点 これは僕が自分で確認できる環境でのみ動作確認を行っています。動作確認したブラウザは以下になります。 Windows IE6 IE7 Firefox2.0.0.14 Opera9.27 safari3.1 Netscape7.01 Mac Firefox2.0.0.14 Opera9.27 Safari3.1.1 Safari2.0.4 IE5.2 計算式は以下のとおりです。小数点以下は四捨五入するとブラウザ間で差異でるようなので、切り上げることで
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
![TRANS [hatena] - 印刷用CSSをまとめてみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/860579fb9ea6fc896c86331cc2f3af60ddeb6ef1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523499%2F1448268251)
株式会社ジラフィー(Giraffy)
会社情報 事業内容 ソフトウェアシステム開発 クール、セキュア、標準準拠をポリシーに、ソフトウェアシステムの開発を行っています。 Web などのインターネット技術を中心とした豊富な開発経験と高い技術力で高品質なソフトウェアをお届けします。 Webサイト制作 Webサイトのデザイン、HTML/CSSコーディング、WordPress などの CMS への組み込みも行います。 既存のWebサイトへの問合せフォーム等の追加も承ります。 スマートフォン向けアプリケーション開発 iPhone や iPad、または Android など、スマートフォン用のアプリケーションの開発を承ります。 その他 BlackBerry 用テーマ Self Shortener (WordPress プラグイン) 会社概要 社名
IE・Firefox・Opera・Netscape・Safariで表示可能な半透明CSS/Opacityテクニック - WEBデザイン BLOG
CSS設定でオブジェクトを半透明にできるプロパティがあります。 IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。 他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。 CSS Opacity in Mozilla,IE, and Opera http://www.mandarindesign.com/opacity.html CSS Opacity設定 以下のコードでIE・Firefox・Opera・Netscape・Safariで同等表示がえられます。 filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; IE alpha(opacity=透明度); 100が100％とな
HD Player for Wii U
Making money is a basic and necessary part of application planning, development, and maintenance. Even if you have a newly developed app, you can monetize it. The app monetization model is not a simple concept. There are several ways to generate revenue from an app. We've created this comprehensive app monetization strategy guide to assist you in successfully monetizing your software and increasin
IE8だとdisplay:noneのものをjQueyr.is(':hidden')で判断できない？ - ありの日記
今回やりたかったのは、テーブルの行を表示・非表示させるというもの。show(), hide()で制御するんだけど、押した瞬間にすでに表示済みかどうか判断するのにis(':hidden')で判断していた。こんな風に var row = $("#row1");// <tr>のオブジェクトを取得 if (row.is(':hidden')) { row.show(); } else { row.hide(); } これで、hidden(非表示）の状態だったら表示(show())するように、表示されていたら非表示(hide())にするようにしていたんだけど・・・。 IE6でもIE7でも問題なく動作するのになぜかIE8だとうまくいかない。is(':hidden')の結果は常にfalse。 そこで、hide()が呼ばれると内部でどうなっているのか見てみると、style属性にdisplay:noneをセ
TRANS - * { magin: 0;}だけでは物足りない！zoom: 1;を使おうよ！
IE6からIE7が今後本格的にマーケットシェアを取って行くことを考えると、IE7の仕様やバグを考えた上でのマークアップが欠かせないとは思います。でも、僕らはまだIE7がどんなものかが分からない。そのため、とりあえず* { zoom: 1;}を指定しておくことが安全策なのかもしれません。 IE7のZoom機能で、見事にこける。 先日、うちの本体のサイトを更新し終わった際に、スタッフから「あれ、しゃらくのサイトずれてるよ」と指摘されました。更新箇所が多く、CSSも多少いじくったので、どこか消してしまったのかもしれません。そこで、自分のブラウザで確認するも、どうも問題が再現できない。そのスタッフのブラウザを見ると、こんな感じになっていました。 僕のFirefoxで見てみても問題ないし、そのスタッフが使っているIE7でも問題なし。「うーん」と悩んでみるものの、意外と答えは簡単なところにありました。
jQueryでbackgroundPositionを取得するときの注意 :: 5509
$(‘hoge’).css(‘backgroundPosition’)だとIEで値が取れないんですね、不便か。 XとYを別々に取得したい 値の検証 var bgPosDef = $('#hoge').css('backgroundPosition'); IE8まで（9は未検証） console: null（空） Firefox, Chrome, Safari, Operaなど console: 50px 50px IEは返されるデータがない！こういうところがみんなが嫌いな所以ですかね。IEはbackgroundPositionではなくて、backgroundPositionXのようにXかYを指定して個別に引き抜きます。 var bgPosX = $('#hoge').css('backgroundPositionX'); var bgPosY = $('#hoge').css('backg
float解除の決定版。clearfixを考えたら、進化した。
現在この中でclearfixでよく使用されているプロパティは display:inline-block; height:1%(min-height:1%) zoom:1; でも良く考えたら、全て微妙です。 zoom:1はIEの独自仕様ですし、heightを使用する場合は、IE6,7に対応させるために2つのプロパティが必要です。 display:inline-blockもボックスの要素を変形させることになります。 hasLayoutのスイッチを見た時に、一番理に適ったプロパティはwidthかなと思いました。 子要素を囲む要素として、divやulなどデフォルトCSSがdisplay:blockのプロパティのものが多く、display:blockのプロパティの場合、width:100%で問題ないと思ったからです。 現在のブラウザ状況に適したclearfix 上記を踏まえ見直したclearfixが
CSSだけで画像を上下中央に配置する « SRC Blog -samurai-rok.com-
久しぶりすぎて若干死に掛けたブログですが たまにはWEB屋らしい情報を 「CSSのみで画像を上下中央に配置する方法」 イメージ的にはこんな感じ HTML5やCSS3の話題で盛り上がってる中今更なネタですが 調べてみると中々バッチリとした答えが見つからないので 書いときます 一応仕様としては 1.HTMLを汚さない、余計なタグは書かない 2.ハックを使わない 3.IE6、IE7、IE8、その他モダンブラウザ対応 4.imgはどんなサイズでも囲うdivの上下中央に配置する こんなとこですかね で早速答えは 【HTML】 <div><img src=”images/src.jpg” alt=”img” width=”100″ height=”50″ /></div> 【CSS】 div { width:300px; height:200px; display:
widthを決めずにfloatさせたい
こんにちは、溝上です。 今回はちょっと便利なfloatの使い方をご紹介したいと思います。 以前紹介したfloatを使う際の注意点に反してしまいますが 幅が決められない（決めたくない）要素をfloatさせたいときってありますよね。 例えばフッターにテキストリンクを多数並べたい場合などが考えられます。 | 会社概要 ｜ お問い合わせ ｜ 個人情報保護方針 ｜ 採用情報 ｜ サイトマップ | ↑こんなリンクです。 「それなら以前紹介したこの方法でいいんじゃない？」 と先輩に突っ込まれましたので、今回は違う方法で実現してみたいと思います。 まずは前回の先輩のサンプルを応用（拝借）してみます。 （htmlコーディング） <div class="list"> <ul> <li>テストです</li><li>テストですよ</li><li>テストですね</li><li>テストなんだな</li><li>テスト
HTML制作で使う定番CSSやプラグイン
HTML制作で使う定番CSSやプラグイン 2012年5月14日 | Filed under: CSS, CSS3, HTML5, jQuery, Web HTMLを制作する際に、標準で使っているCSSやjQueryプラグインなどを紹介します。 IE6～8に対応できることを考慮していますが、現状では「CSS3」に完全対応させるのは難しいです。 サンプルページを用意しました。 http://jsfiddle.net/NoDelay/pLaWS/10/ （１） リセットCSS これは、ブラウザ間で若干誤差のあるpaddingなどの規定値をリセットするCSSです。指定方法は以下の通りです。 <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.5.0/build/cssreset/cssreset-min
JSNote - IEをCSS3に対応させるCSS3 PIEのJavaScript版を使う
JSNote 読んですぐに使えるJavaScript・HTML・CSSのタイプを書いています。 HomeLatest Entries左、中、右クリックのカスタムイベントを追加するjQueryプラグイン配列の任意の位置に値を代入したり削除したりするJavaScriptだけでローカルの画像をBase64エンコードするIEをCSS3に対応させるCSS3 PIEのJavaScript版を使うリストをページ分けしてページャーを付けるjQueryプラグインArchives2012-012011-122011-112011-02すべての記事一覧CategoriesJavaScriptjQueryブログその他CSSRSS IEをCSS3に対応させるのにCSS3 PIE使いたいけど、htcファイルってFC2ブログにアップロードできないし、htcって何か気持ち悪いのであんまり使いたくないって人のためのタイプで
IE6でmin-widthを実装する方法のまとめ - Webtech Walker
先日書いたmin-widthとmin-heightに関する記事の補足です。以下のようなコメントをいただいたのでIE6でmin-widthを実装する方法をまとめました。 たしかに、この方法に若干違和感感じあります。 例えばどういう実装方法があるのでしょうか？ あまり使う機会がないもので。 javascriptのライブラリを使う ライブラリを使う場合は下記などがあります。お手軽です。 min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript[to-R] expressionで実装する expressionを使って、CSS内でjavascriptを使う方法だとかなりシンプルに書けます。 [CSS]IEで、min-widthやmax-widthを実現する方法 | コリス #foo { min-width: 600px; widt
อันดับ1 เว็บแทงบอล UFABET เว็บตรงที่ดีที่สุด
UFABET เข้าสู่ระบบเว็บตรงไม่ผ่านเอเย่นต์ ให้บริการคาสิโนออนไลน์แบบครบวงจร มาพร้อม ทางเข้าUFABET เปิดให้บริการตลอด 24 ชั่วโมง ท่านสามารถเข้าเล่นได้เอง ทางเข้า คาสิโนออนไลน์ นี้มีระบบการใช้งานที่สะดวกสบาย ซึ่งมี เกมคาสิโนออนไลน์ มากมายให้เลือกเล่น อย่างเช่น บาคาร่าออนไลน์ เกมยิงปลา ไฮโลไทย และการพนันกีฬาออนไลน์อีกมากมาย ที่เล่นง่าย ได้เงินจริง ให้บริการผ่านเว็บพนันที่ใหญ่ที่สุดในเอเชีย สำหรับการเข้า
デザインに使えるちょっとしたCSSのスニペットいろいろ
Webサイトのデザインには、画像が必須といってもいいと思うんですけど、画像を使わずにピュアな CSS でできるデザインにも、とても素敵なものがあったりします。これからはスマートフォンサイトを作ることも増えそう ...。回線の遅いスマートフォン向けのサイトでは、画像を使わないで CSS のみでデザインする ... っていう機会も増えそうですね。 8 になっても CSS3 が使えない IE ですが、CSS3 を使わなくても、工夫しだいでいろんなデザインエフェクトを表現できますよね！記事中 CSS3 を使ったスニペットもたくさんでてきますが、どれも簡単にできて、ちょっとデザインを素敵にする？コード集です。自分のブログなどでやっているものを中心に、少しまとめてみました。 ちょっとした CSS スニペット 目次 ボックスに使うCSSスニペット テキストに使うCSSスニペット 画像に使うCSSスニペッ
IE 6とIE 7のためのCSSハック16選（1/3） - ＠IT
有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通りの正しいコーディングを行っているにもかかわらず、Internet Explorer（以下、IE） 6で見ると、レイアウトがズレてしまうなどのさまざまな問題を解決するための9つのテクニックを紹介しました。 今回は、IE 6とIE 7のためのCSSハックのテクニックを下記に分けて紹介します。 IE 6をハック（IE 6のみに効く、もしくはIE 6のみに効かないハック） IE 6のみに効くハック スタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
九九集团-快3网投平台