タグ

*CSSに関するkarumen_moiのブックマーク (16)

  • お金借りるならどこ?即日で借りれるおすすめをプロが解説!

    急にお金が必要になったとき、貴方ならどうしますか? 預金があれば問題ありませんが、預金が無く期日も明日までの時、頼れるのは友人や身内になります。 しかし、お金を貸してほしいと言うことは正直言いにくい話です。 1万円や2万円程度なら気にする必要はありませんが、10万円~20万円ぐらいになると金額も大きくなるので言いにくいですし、友人や身内もなぜそんなにお金が必要なのか?どのような使途なので必ず聞かれるでしょう。 当の事を言って借りるのが普通なのですが、そこは人間です。きっと言いにくい事情もあるはずです。 もし嘘をついてお金を借りてしまった場合、借りた友人や身内に対しての背徳感が残ってしまいます。 そんな時に一番便利なのがカードローンなのです。 カードローンは身分証明書だけあれば最短即日でお金を借りることができます。 中には申込から自分の銀行口座への振込融資が最短1時間のカードローンもあるの

  • スタイルシートの技

    スタイルシートの技 このページでは実用的なスタイルシートによるデザイン・レイアウトなどをメインに扱っております。 スタイルシートをサブで使うかメインとするかは賛否両論あります。 また、世の中にスタイルシート解説サイトは多数あると思いますが、 スタイルシートの持つ意味を誤解しているサイトが少なからずあるのと、 リファレンスのような書き方ではデザインへの応用が効かないのでは? という事を考えて、すぐに利用できる実用的な形式で参考になればと思って作成しました。 スタイルシートを勉強すると、当サイトの一番下にある「design」のように、 Javascriptと併用したデザイン切り替えページなどを製作する事ができるようになり、表現の幅が広がります! 自分のスタイルシートの知識を簡単にテストできる問題を作ってみましたので、どうぞ。 Introduction - 基礎・導入編

  • 画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌

    Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に

  • 何かと役立つCSSの技 || Cool Web Window

    404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved

  • アドビ―Dreamweaverデベロッパーセンター

    Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in

  • Lucky bag::blog: プロパティから CSS 仕様書(邦訳)へのリンク

     プロパティ -> CSS 仕様書(邦訳)へのリンク 各プロパティから仕様書(邦訳)の当該箇所へのリンクです。( en | ja )

  • CSSで height: 100%; のボックスの作り方 - WEB学習帳

    このページで使用している主なスタイルシート 「*」{ margin:0; padding:0; } html{ height:100%; } body{ background-image:url(../../../img/back.gif); height:100%; width:80%; margin:0px auto; } div#main{ background-image:url(../../../img/sub-back.jpg); border:solid 1px #760014; border-width:0px 1px; height:100%; min-height: 100%; } body > #main { height: auto; } 詳しくは解説を読んでね。 以下解説 やり方 1:HTMLを書く HTMLはこんな感じになります。 height100%のボックス

    CSSで height: 100%; のボックスの作り方 - WEB学習帳
  • CSSレイアウトの定石 WinIE6バグ回避法

    CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました(つまり回避法を用いない場合にどんなバグが発現するか)。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう (ブロックレベル要素を内包するボックスにはpaddingを指定しない。) 左右ボーダーとパディングを設

  • CSSデザインカタログ | block | 図や写真を右寄せ(左寄せ)

    図や写真を右寄せ(左寄せ): div100-hpi h3,pと右寄せしたした画像を含む テキストテキストテキストテキストテキストテキストテキストテキストテキスト。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。 テキストテキストテキストテキストテキストテキストテキストテキストテキスト。 ソース XHTML <div class="div100-hpi"> <h3>図や写真を右寄せ(左寄せ): div100-hpi</h3> <img class="figure" src="img/fg-dummy.gif" alt="figure : ダミー" width="200" height="200" /> <p>h3,pと右寄せしたした画像を含む</p> <p>テキストテキスト......</p>

  • CSS によるブロックレベル要素の左右中央揃え

    Updated 2006.04.21 / Published 2006.04.21 Internet Explorer6のシェアが全盛期だったころ、初心者が CSS を使ったデザインでつまづく(失敗する)ことが多い事例に text-alignプロパティの誤用がありました。文書では、CSS デザインによる論理構造と表現(見栄え)とを分離させる一歩として div要素の align属性や center要素を使った (X)HTMLでの表示指定に頼らないCSS による代替のみでブロックレベル要素(display:block;の状態の要素)の左右中央揃えをコントロールする手法を解説します。 text-alignプロパティの誤用に注意 div要素の align属性や center要素とは異なり、text-alignプロパティによる指定では横幅の指定されたブロックレベル要素(display:block;

    CSS によるブロックレベル要素の左右中央揃え
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

  • 403 Forbidden

    \閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう

  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

  • スタイルシート CSS リファレンス[カテゴリー一覧] - TAG index

    ページ全般 ページの背景色、背景画像、マージン、スクロールバー、印刷 ... ボックス ボックスの背景色、背景画像、マージン、パディング、境界線、配置 ... テキスト・フォント 文字サイズ、文字色、装飾、行間、インデント、文字間隔、改行の扱い ... リンク リンク文字の色、リンクの下線、ポイント時の装飾 ... リスト マーカーの種類、画像のマーカー、リストの余白、間隔、配置 ... イメージ 画像のサイズ、切り抜き、画像に並ぶテキスト、回り込み ... テーブル 表の大きさ、表の背景、境界線、セル内の位置指定、回り込み ... フレーム インラインフレームのサイズ、境界線、フレーム内の指定 ... フォーム 入力欄の大きさ、背景、境界線、文字サイズ、入力モード ... フィルタ 半透明、グラデーション、影付け、発光、波状、反転、サンプル一覧 ...

    スタイルシート CSS リファレンス[カテゴリー一覧] - TAG index
  • [CSS] テキストの文字サイズ・行間確認用

    CSSで行間( line-height )と文字サイズの確認用ツールです。画面右の項目を変更してご利用ください。 このページでは、段落(P要素)まわりのCSSで重要だと思われる文字サイズ、行間、左右マージン、段落間隔(P要素の下マージン)を実際に変更し、確認できます。 CSSでのレイアウトデザインにおいて、最も重要な基事項といえば文字の可読性です。最近ではブログの普及もあって、極端に読みにくいページは少なくなりましたが、WEBを作る人としては押さえておきたいところです。 以下、サンプル文章代わりの雑文です。 海外で小さい文字のサイトってありますよね。でね、そのサイトが妙にイカしたデザインに見えたりだとか。実際、ぱっと見は綺麗です。文字が小さくなるにつれて文章ではなくて模様だとかパターンの塊に見えるためだと思うのですが、そういったサイトの文字サイズを日語に適用するとちょっとまずい。 例え

  • 1