透過PNGや角丸などをIE6や7でも実装出来るJavaScriptのメモ
cssやプログラミングIEのバグはJSで IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 IE7.js IE6以下でもIE7と同じようなXHTML / CSSの解釈をしてくれます。要DOCTYPE 宣言。 IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 DD_b
floatボックスが親ボックスを突き破る問題 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 floatボックスが親ボックスを貫通して表示される問題について。いわゆるclearfixに関するアレコレ。 親ボックスの中に「box_A (float:left;)」と「box_B (float:right;)」があるとする。OperaやFirefox等のモダンブラウザで見てみると、中身（floatボックス）の高さが親ボックスに反映されていないことが判る。ちなみに上記のソースは以下。 <div style="width:140px; padding: 10px; border:1px solid #666; color: #333;"> <div style="flo
float関連の問題で覚えておくべき５つの対策
CSSのfloat関係って、基本的に覚えておくべき事ですが、 動作がいまいちわかり辛かったり、バグが多かったりと、 float一つとっても覚えておくべきことって多いと思います。 なのでfloat関連の問題で覚えておくべき解決方法や 回避方法のことなどについてをまとめてみた。 １）floatしたボックスの下にコンテンツがこないようにする 写真の横に文字をもってきて、その文字が多ければ 写真の下にも文字をもってくる・・・というような場合は、 単純にimgにfloatをつけるだけでできるのですが、 コンテンツが下に来ないようにしたい場合はどうしたらいいか。 ■例１ー１（imgにのみfloat:left、下に回り込む） ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキス
Faux Column CSS Layouts - Code-Sucks.com
Coming SoonGet ready, something cool is coming!
z-indexを用いてFLASHオブジェクトの上にメニューなどを表示させる /AGPP
ニコニコ動画のPSP変換方法、アニメ銀河英雄伝説の壁紙、CSSリファレンスなど、趣味に偏った情報を公開中 メニューにFLASHを使わずに、FLASHメニューみたいにカッコイイメニューを作りたいということで、 FLASHの上に通常の画像で作ったメニューを乗っけてみました。 CSSの"z-index"がポイントです。 こちらがサンプルHTMLです↓ sample.html IE6では透過PNGが透過されないため、↓下の画像をご覧ください。IE7やFirefoxなどではこのように見えます。 ※サンプルページ内のメニューの作り方はこちらのページで紹介していますのでご覧ください。 仕掛けはいたってシンプル。 FLASHとメニュー部分をブロック要素<div>で囲って、それぞれにz-indexで番号をつけ、メニューをmarginで上にずらして表示させます。 ※z-index… 重なりの順序を指定。値が大
Particletree » Rediscovering the Button Element
IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elemen
3/3 属性セレクタで、スタイルシートを柔軟に！ [ホームページ作成] All About
属性セレクタで、スタイルシートを柔軟に！(3ページ目)Internet Explorer 7から使えるようになったスタイルシートの機能に、「属性セレクタ」があります。FirefoxやOperaでは以前から使えていました。これを活用すると、より柔軟な装飾対象の指定が可能になります！
![3/3 属性セレクタで、スタイルシートを柔軟に！ [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
Justify elements using jQuery and CSS : Janko Jovanovic
When creating a web form you have to make a functional and visually aligned layout. The simplest way to do this is to place elements in a table or by fixing width of labels. Tables stretch its cells according to width of largest element in a column. That way you can have aligned form. Fixing label width will also also allow you to have a hard-coded but aligned form. But… But what if you don't want
横いっぱいに伸びる背景について
こんにちは 馬場です。 さまざまなサイトを観ていると、 背景（背景画像）が 横いっぱいに伸びているページを 良く目にすると思います。 背景を 横いっぱいに伸ばす場合は、 background-colorや background-imageなどの 背景の設定をするセレクタの widthを設定しない （もしくはwidht:autoを設定） ことで、問題なく 対応することが できると思います。 しかしながら、 少し問題があります。 今回は、 ページの横いっぱいに 伸びる背景（背景画像）を 設定した際の問題点と、 その対応策をお話しします。 ・問題点（背景が切れる？） ・widthを設定してみると？ ・対応策（min-widthを設定） ▼問題点（背景が切れる？） （htmlコーディング） <div id="header01">
CSS Buttons is the Plug and Play Solution for Web Designers and Developers - CSS Buttons.net
Download Now CSS Buttons is the latest tool for web designers and developers concerned with accessibility and flexibility. CSS Buttons will allow designers to quickly implement consistently looking, cross-browser, buttons regardless of the element used. CSS Buttons is a plug n' play solution for Multilingual, CMS, Blogs, and similar web sites faced with dynamic content challenges. Take for example
Buttons – monc
Feel free to enlarge font sizes and try the :hover effect. Here is the HTML source for these examples (view Read more
CSSでボタンを綺麗にスタイルするサンプル集:phpspot開発日誌
22 CSS Button Styling Tutorials and Techniques : Speckyboy Design Magazine CSSでボタンを綺麗にスタイルするサンプル集が Speckyboy Design Magazine にて紹介されています。 なんとも美しいボタンのサンプルが色々と紹介されていて、もうボタンデザインに迷うことはないかもしれません。 Submit button should look same everywhere 綺麗なアイコン付きSubmitボタン How to make sexy buttons with CSS 角丸グラデーション付きボタン Scalable CSS Buttons Using PNG and Background Colors 文字を長くしても伸縮するボタン CSS Overlapping Arrow Buttons 階
CSSデザインカタログ | table
テキストテキストテキストテキストテキストテキストテキスト。テキストテキストテキストテキストテキストテキストテキスト。
CSSのバグやトラブルについて - 10press
同じスタイルを指定しているのにブラウザによって表示が異なるなどのバグ・トラブルについて解説します。 グローバルナビゲーション webサイト（ホームページ）作成基礎 HTML・CSS基礎 ステップアップ ＆ 小技 素材・テンプレートなど 資料 CSSバグとは何か CSSバグは、ブラウザによるCSSの独自の解釈により、作成者の思ったとおりではない、あるいは他のブラウザと異なる表示のされ方をしてしまう現象を指します。 CSSバグの回避法・初歩の初歩 CSS作成中の表示確認はSafari・Opera・Firefoxなどで行う 残念ながら、ユーザーが多いInternet Explorerにはたくさんのバグが存在します。より多くのブラウザでできるだけ思い通りのデザインを実現したい場合は、上記のようなCSSを極力正しく解釈するブラウザに合わせてCSSを書き、その後IE向けに調整する方が効率的です（参考：
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォントサイズを絶対指定のような感覚でemを使用して指定する | ::: moi moi :::
CSSテクニック - acky.info
Stu Nicholls | CSS PLAY | Professional - dropdown table menu
CSS Lecture: 有名サイトが使っているid名class名集めてきました！
css-lecture.com
乐山厩荒商贸有限公司