ie6やie7でスクロールをすると背景が消える？ | Melanges
ZEITBLOG: 個別エントリーの文字が消える…… えー、、、信じられないくらいに役に立ちました。ありがとうございます。 リンク先は文字が消えると申しておられますが、背景でも大丈夫でした。 問題といたしまして、 背景をつけたブロック内に、フロートさせたブロックがあると、そのブロック部分の背景が消えるようです。ie6, ie7で確認しています。ie7では、その条件下でさらに背景を付けたブロックにpaddingを入れた部分だけが消えるようです。控えめです。ただし、ie6ではフロートさせたブロック部分全てを消し去ってくれます。 辞典にも似たような消えてしまうバグが書いてありましたけど。。。文字でした。 と言うことで、解決策はリンク先にあるとおり、フロートさせたブロックの親ブロックにwidthを指定する！です。 いやぁ、こんなにせっぱつまったときに悩むなんて、て思ったけどすぐに解決して良かった。
Crystal Clear - Wikimedia Commons
Original Icons from the Crystal Clear[dead link] icon set (archived page as of 10 October 2012 at Internet Archive) by Everaldo Coelho. This set is a previous version of the Crystal Project icon set. The icons are licensed under the GNU Lesser General Public License (LGPL). These icons can be downloaded in a single package at Open Icon Library. You can also view these icons sorted by type. All ima
IE6でブロック要素の背景色や枠線が消える現象と対策
このサイトでは、CSS の設定により、記事本文などに背景色をつけて枠線で囲っています。 ところが、IE6 で表示させたときになぜだか枠線の上部が欠けてしまったり、背景色が付かなかったり……という現象が発生し、悩まされていました。 Firefoxだと正常に表示されるし、IE6 でもスクロールして戻ってくるとちゃんと表示されたり……と謎の動作をするのです。 いろいろ試してみたところ、どうやら CSS の position 属性に原因があるように思えて来ました。 どうも、position: relative; に設定された要素の子要素以下で、明示的に幅(width)属性を指定しなかった場合、その要素内部の表示がおかしくなる模様です。
clearfixハック｜CSS HappyLife
通常、floatさせている画像やボックスなどがある場合何らかの形でclearするか、その親要素にfloatを指定しないと、親要素からはみ出してしまいます。 コレはCSS2.0の仕様なんで正しい表示なんですが、どうしても親要素にfloatなどが使えず、やむなくclear:bothをbrなりdivにクラス指定して解決してたりって事があったかと思います。 IEの場合はwidth、もしくはheightを指定する事で解決できますが、コレはバグなんで他のモダンブラウザでは解決できません。 ソコでかなり便利に使えるテクニックが、clearfix。 使い方は、clearしたい親要素に下記のように記述。 div:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-hei
CSS - dtをfloatする場合の注意点 | Try | d-spica
dtをfloatし，margin, padding, borderなどをあてる場合の注意点です。 Tried at 2008-05-12 まず，マークアップは次の通り <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-06</dt> <dd>ページ2を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-04</dt>
カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」:phpspot開発日誌
pinvoke - Icons and pixel fonts カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」 次のようなアイコンセットが公開されています。PNG16x16形式でフリーで利用できます。 ブリーフケース、タグ、ディスク、カラー、スターなんかも、ＷＥＢアプリで使えそうですね。 覚えておいて損はなさそうなアイコンセットです。 関連エントリ ドット絵っぽい可愛い16x16のアイコン集 様々なシーンで活用できそうな80フリーアイコン 色々なデバイスやキャラクターなどのアイコン配布サイト「Quantum Bits」 クールなベクターアイコン40セット BMP・JPG・GIF・PNG画像をブラウザからアイコンに一発変換できる「Bradicon!」
画像ロールオーバーのjavascript - Webtech Walker
画像のロールオーバーには主にjqueryのプラグインを使ってたんですが、jqueryを使えない案件があってjqueryを使わないでロールオーバーを実現するライブラリを探したけど自分好みの仕様のものが見つからなかったんで自分で書いてみました。 ダウンロード サンプル 使い方 ダウンロードしたjavascriptを読み込む ロールオーバーしたい画像のimg要素にclass="hoverImg"を指定（スペース区切りの複数指定も可） 通常時の画像「xxx.gif」とロールオーバー後の画像「xxx_ov.gif」を準備（同じ場所におく） 指定するclass名(hoverImg)とロールオーバー後の画像の接尾語（_ov)はjsの以下の箇所を書き換えれば変更できます。 var targetClassName = "hoverImg"; var suffix = "_ov"; ライセンスとか MITライ
orange-A-go-go! | アイコン | TIPS | その3：アクアボタンの作り方
■はじめに：概要 □この作業にはPhotoshop6が必要です。 □ある程度Photoshopの操作に慣れている方は、 こちらのアクションファイルをダウンロード した方が良いカモ。。。 □画像をクリックすると拡大します。 ■その1：新規作成 手順に含める必要がないとか言わないでください。 ■その2：正円の選択範囲を作成。 分かってるとは思いますが『shift』を押しながらですよ。 ■その3：グラデーションで塗りつぶし 今回はオレンジ色の球を作りたいので『黒→オレンジ』のグラデーションで塗りつぶします。 オレンジ色一色で塗りつぶして、上に白黒のレイヤーを重ねてレイヤーの合成方法を『乗算』にしてもオッケーです。 ■その4：色調の補正 グラデーションはかかり具合が調整しにくいので塗り込んだ後に『メニュー』→『イメージ』→『色調補正』→『レベル補正...』を実行する方法が楽だと思います。 この辺は
移転しました - 記事ごと移転しました
移転しました このブログは移転しました。 (移転先: hetarena.com) しばらくすると移動します。 お探しの記事はこちらに移動しています。
iconlet.com - icon search engine - free icons, images for your project
Free icons search engine - get free icons for your project
MOONGIFT: » 複雑な段組みを可能にするCSSフレームワーク「Emastic」:オープンソースを毎日紹介
雑誌や新聞などでは複雑な段組みを行って、情報を見やすくしている。ネット媒体の場合、あまりそうした点は考慮されず、二段または三段のカラムで構成されることが多い。しかも幾つかのカラムはメニューなどに使うので、文章自体は殆ど組版が施されていない。 CSSだけとは思えないほど細かく制御されている Webはそういった媒体ではない、と言い切ってしまえばそれまでだろう。だが今後情報の電子化は進み、紙媒体は現状維持ないし衰退していくのは間違いない。そうした時に、Webもやはり読ませる形式を求められるようになるのではないだろうか。それを実現するのがこれだ。 今回紹介するオープンソース・ソフトウェアはEmastic、複雑なカラム構成を実現するCSSフレームワークだ。 Emasticはまるで雑誌のような段組みをCSSで実現している。二段、三段、四段の表示を行い、固定幅または表示サイズに合わせて変化とを組み合わせ
SCRUFA4 เว็บแทงบอล ยอดนิยมอันดับหนึ่ง เว็บตรง UFABET ✅✅
UFABET เว็บพนันออนไลน์ อันดับ 1 บริการ แบบครบวงจร ตลอด 24 ชั่วโมง UFABET เป็น เว็บไซต์พนันออนไลน์ อันดับ 1 ของประเทศไทย และเอเชีย ที่ได้รับการยกย่อง เรื่องการบริการ และความมั่นคง ทางการเงินอย่างสูง UFABET ฝากถอน ไม่มีขั้นต่ำ เนื่องจากเราใส่ใจ คุณภาพในด้านการบริการ และประสิทธิภาพ ของเว็บไซต์ อย่างมาก ทำให้มีสมาชิก จำนวนมากให้ความเชื่อถือ กับเราและเพิ่มขึ้นอย่างต่อเนื่อง เราเป็นเว็บพนันออนไลน์ ที่บร
CSS縦のセンタリング（中央揃え） はじめてのブログデザイン
CSS で横のセンタリング（中央揃え）は margin : auto や text-align : center などで事足りると思うのですが、縦のセンタリング（中央揃え）は何を使えば良いかご存知ですか？ 私はつい先日まで知らなかったのですが line-height プロパティで縦のセンタリングが可能です。方法はとても簡単で、ボックスの高さと line-height の値を同じにするだけで縦のセンタリングが行われます。下のソースを参考にしてください。 div.hajime { width : 400px; height : 50px;/*ボックスの高さ*/ line-height : 50px;/*縦のセンタリングの為に指定*/ } 簡単な上、Macのモダンブラウザ、Winのモダンブラウザで縦のセンタリングが適用されます。 個人的には何故か素通りしていた部分だったのですが、少し調べたらあっ
第23回 tableを基礎から理解する
今回のポイント captionの使い方 境界線をCSSで描く classとidのおさらい th，thead，tbody，tfootによるtableの構造化 今回はtableについて基礎から勉強します。なお今回のtableの解説は，ページ・レイアウト時のtable使用についてではなく，ページ内に表を描くというtable本来の使い方についての説明です。レイアウトにtableを使用するにしても，tableの基本概念がわかっていないと応用がききません。もともとtableとはどういうものなのか，そこから見ていくことにします。 まず，なぜここでtableの話なのかを説明しておかなくてはなりません。現在よく使われているPHPを使ったWebアプリケーションの場合，データベース・システムのMySQLやPostgreSQLと組み合わせてサイトを構築することが多くあります。商品情報や会員情報など数十から数万とい
JavaScriptでランダム広告 - アフィリエイト(Web広告)
JavaScriptでランダム広告 ランダム広告の必要性 訪問者は何度も同じ広告を見せられたら飽きてしまいます。かといって、毎日のように広告を変更するのは面倒な作業です。アフィリエイトによってはローテーションバナーを提供しているところもありますが、残念ながらテキスト広告に関してはこのシステムはありません。 そこで、JavaScriptを使ったランダム広告システムを提案します。 以下の広告がサンプルです。６パターンあり、リロードする度に変わります。 このスクリプトの特徴は、出現させる確率を自分で決めることができるということです。定番の広告を７割、別の広告を３割の確率で出すということも可能になります。 複数のページで広告を貼ることを想定して、外部ファイルから読み込む形式にします。jsファイル（ファイル名:randomad.js）を読み込むことによって、これを読み込んだ全てのページでラン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
矢印素材いろいろ - DesignWalker
無料で使えるPhotoshopカスタム・シェイプいろいろ - DesignWalker
http://www.designwalker.com/2007/05/photoshop_shape.html
Photoshopチュートリアル テキストエフェクト パート2 - DesignWalker
テキストエフェクトいっぱい - DesignWalker
