タグ インターネット通販大手
人気順 5 users 10 users 50 users 500 users 1000 users[CSS]背景画像をページの最下部に固定表示させるスタイルシート | コリス
Fixed Footer Backgrounds with CSS demo, demo 2 デモではスクロールバーの有無の2パターンがあり、スクロールをしてもブラウザのサイズを変更しても背景画像がフッタの位置に固定表示されています。 仕組みの概要は、bodyに背景色と背景画像を指定し、背景画像は「fixed bottom」にします。 コンテンツを内包するdiv(headwrap)を設置し、ページ... 続きを読む
[CSS]スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方 | コリス
Paul Hammondから、スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方を紹介します。 Conditional classnames まず、HTMLのbodyは条件式を使用して、IE用に「.ie」をクラスに指定したbodyと通常用のbodyの2つを記述します。 <!–[if IE ]> <body class="ie"> <![endif]–> <!–[if !IE]>–> <b... 続きを読む
フッターの背景をコンテンツが少ない時でも下まで表示させる|CSS HappyLife
デジパのベトナムオフィシャルサイトがオープンしました。 さて、今回はこのデジパベトナムを組むのに辺り、最初は無理(もしくは相当厄介)だと思ってたことが思ったよりカンタンに出来たのでご紹介。 Movable Type 4のデフォルトテンプレートもそうですが、コンテンツの内容が少ない場合に、フッター部分は当然上に来てしまい、下がbodyに指定している背景色になってしまいます。 キャプチャみたいな感じで... 続きを読む
IT戦記 - style.cssText の使い処に関する考察
javascriptcssText って知ってますか?cssText っていいうのは CSSRule オブジェクトとか CSSStyleDeclaration が持っている情報を css ファイルに書く形式の文字列にしてくれる機能です。乱暴に言ってしまえば、 css 系のオブジェクトが持っている innerHTML みたいなものです。 具体例を見てみましょう。こんな感じの body があるときに ... 続きを読む
[CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス
2007年春現在よく使用している、ブラウザがもつスタイルを初期化するスタイルシート「全称セレクタとhtml, body編」です。 CSSのスタイルの初期化が必要な理由 スタイルの初期化 -全称セレクタ(*) スタイルの初期化 -html, body スタイルの初期化 -全称セレクタとhtml, body のメモ [CSS]スタイルの初期化(後編) -body内の個別タグ編 CSSのスタイルの初期化... 続きを読む
最初に指定しておくと便利なCSS | Tech de Go
CSSのテンプレートを作成する際に、必ず入れていて便利だと思うものを紹介します。body要素に指定する事に関してはいろいろなところで語られているので、ここでは他のテーマなどのCSSを見ていて便利と思って取り入れているものなど。それ以外で私が始めに設定しておくHTMLタグとその設定です。 CSS @charset "utf-8"; body { margin: 0; padding: 0; back... 続きを読む
bodyに設定しておくと便利な3つのポイントとおまけ|CSS HappyLife
CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記を読んで、ボクなりな最初に指定して置くと良いポイントを上げたくなったので書いちゃいます。 むしろこのサイトの方向性的に有った方が便利だよなーと。 書くきっかけを頂き、感謝いたします。 ちなみに、最初に指定しておくポイントってそれぞ... 続きを読む
CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
本日は、実用的なCSS(スタイルシート)のお話。CSSコーディングを始める一番最初にbodyタグに設定しておくと、結構便利かな?と思われるポイントをまとめてみました。。 margin:0; padding:0; margin:0; padding:0;って設定しておくと、とりあえずブラウザの標準で設定されている余白を無くす事ができますね。ブラウザごとにこの余白の設定はまちまちなもので、わたくしは最... 続きを読む
IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌
Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]>... 続きを読む
CSSを書く際の5つのテクニック:phpspot開発日誌
CSS tips and tricks at The Blog Herald CSSを書く際の5つのテクニック。 1. サイズ指定の際はピクセルを使うな。 body { font-size: 62.5% } p { font-size: 1.2em; line-height: 1.5em; } px指定してしまうとブラウザの文字サイズに反応しなくなってしまうというやつですね。 2. 階層構造はイン... 続きを読む
技術メモ帳 - Firebugの便利な組み込み関数
id:brazil さんのブックマークで知ったのだが、Firebugには、便利な組み込み関数が定義されているようだ。一通りさわってみたのだが、$x() で 任意のXPath要素が取得できるのとかに感動した。そして、やっぱりちゃんとドキュメント読むべきだなぁと思った。 XPathから要素を取得する。 $x("/html/body/h1"); -> 要素の配列が返ってくる。 selector名から要素... 続きを読む