タグ

css hackに関するybuckeyeのブックマーク (8)

  • モビットってどんな返済方法があるの? | 現金が必要な時に一番便利なネットキャッシングで即日借入【ネポ】

    カードローンって最近よく耳にするようになったのではないでしょうか。カードローンというのは消費者金融や銀行に申し込んでカードを発行してもらい、そのカードを使って提携のATMなどからお金を借りるというものです。金額は人によって決まっていますが、特に目的について制限されるわけではなく、1万円からなど比較的少額からの借り入れも出来るという便利な個人ローンなんです。 でもカードローンって当にたくさん種類があります。各銀行でもそれぞれカードローンがありますし、消費者金融だってそれぞれの商品としてカードローンを取り扱っています。モビットもカードローンの1つですね。モビットは三井住友銀行系の会社ですので、三井住友銀行のATMからの借り入れ・返済であれば手数料無料になるんですよ。 実際お金を借りたら返さなければいけないのですが、モビットはどのような返済方法があるのでしょうか。返済方法は3つ!口座引き落とし

  • ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト

    ブロックレベル要素をセンタリングする方法 一昔まえはcenter要素やdiv要素にalign属性を付けてセンタリングするという手法が当たり前でした。 しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。 そこでCSSによる正しいセンタリングの仕方をここで解説します。 正しいセンタリング方法 テーブルやdiv要素のようなブロックレベル要素をセンタリングするにはtext-alignは使いません。 text-alignプロパティはインライン要素の位置揃えを指定するためのものだからです。 Bugzilla-jpにも報告された多くのサイトでは"text-align:center;"を使ってセンタリングしようとしていましたが、 これによってブロッ

  • CSS/初期設定 [外部スタイルシートの分け方例] - ソラトモラボ/空友スタジオ

    外部スタイルシートの分け方例 基的な骨格部分:base.css、common.css 左右二段or三段とか、構造的な部分 ヘッダーやフッター、見出し部分について 全ページに使い回しできるような部分的なフォントのサイズやカラー指定 module.css パーツとして独立できる箇所に。バナーや新着情報、TOPICS、カテゴリの一覧など トップページ用:top.css 更新頻度が高く、下層ページと大きくレイアウトの異なることが多いトップページは、別ファイルが便利。 その他、CSSファイルを追加するときは、サイトマップを見ながらコンテンツの”カテゴリ”ごとに慎重に増やすようにする。あっちこっちのファイルで作業するより、ひとつのファイルで「検索」を利用しながら追加No.修正するほうが効率が良い。 ブラウザが持つスタイルのリセット+便利スニペット YUIYahoo User Interface

  • Yahoo! UI Library: Fonts CSS を使うのなら、Opera には気を付けて!

    Yahoo! UI Library: Fonts CSSを知ってから、CSSを書く際にfont-sizeは大体このライブラリを読み込ませてから使っています。ただし、Operaで表示する際には、気をつけたほうがよさそうな点があったので、メモしておきます。 Fonts CSSはどういう構造になっているのか詳細は分かりませんが、とりあえずクロスブラウザで同じフォントサイズを実現してくれる摩訶不思議なライブラリ。デフォルトのフォントサイズ、つまりfont-size: 100%;は13pxになっており、それからfont-sizeをパーセントで指定することによって、pxでフォントサイズを指定するような感覚で、フォントサイズを指定することができます。 ただし、Operaにおいては、フォントサイズを100%以下、つまり12pxなどにするときはフォントがほかのブラウザより、小さく表示されるバグがあるようです

    Yahoo! UI Library: Fonts CSS を使うのなら、Opera には気を付けて!
  • スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る ―モダンブラウザ編―

    floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法(<div style="clear: both"></div>)を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた(「floatを繰り返すとレイアウトがくずれる」参照)。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。 基的な発想は上記の空ボックスによるクリアと同じだが、それをHTMLには一切手を加えず、スタイルシートだけで実現しているところに大きな特徴がある。しかし、ひとくちにclearfixといっても様々なバリエーションがあり、その記述のしかたは微妙に異なる。 例えば、clearfixの提唱者ではないかと類推されるPosition Is Ever

  • reset.css あるいは init.css によるブラウザのスタイルシートの初期化 (Port80)

    初期化CSSの作成 ブラウザごとにスタイルシートのデフォルトが違ったり、あまり好ましくない値であったりすることがあるので、スタイルシートの初期化が必要になる。 色々な初期化があるが、一つずつ検討しながら汎用的な初期化CSSファイルの作成をめざしたい。 ユニバーサルセレクタでリセットしない *{ margin : 0 }はもう古い!?によれば、*(アスタリスク、ユニバーサルセレクタ)によるCSSのリセットは、レンダリングが遅くなる点とサブミットボタンなどの指定もおかしくなる点にデメリットがある。 従って、出来るだけ必要な部分だけ指定を行った方がよいだろう。実際のレンダリングの遅延については別の機会に実証実験を行いたい。 次のマージン、パディングのリセットはYUI Reset CSSを参考に視認性の高い記述をした。 body, div, dl, dt, dd, ul, ol, li, h1,

  • IEでのCSSのバグを回避するhasLayout | コリス

    IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値(read-only) false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ

  • 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

    clearfixハック|CSS HappyLife
  • 1