CSSで外部リンク、PDF、Excel、Word、zipなどのファイルへのリンクにアイコンを自動的に付ける方法です。 HTML <p><a href="http://webbibo.com/">ホームに戻る</a></p> <p><a href="http://www.google.co.jp/" target="_blank">GoogleのTOPページ</a></p> <p><a href="test.pdf">Webアンケート結果</a></p> <p><a href="test.doc">FAX送付状</a></p> <p><a href="test.xls">月別売上集計表</a></p> <p><a href="test.zip">アクセス解析プログラム</a></p> CSS p a{ padding:4px 20px 4px 0; } a[href^="http"]{bac

IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。

Information to help businesses事業者に役立つ情報を総合的にお届けします こんにちは、SOYAGIMI Note を運営する株式会社SOYAGIMI 松永です。 このサイトは弊社顧客様のための情報提供、また様々な地域で活躍される事業者様のお役に立てる情報を発信するためのメディアです。 私たちも小規模な事業者ですので、比較的使える情報や経験をご紹介できると思います。 比較サイトなんか見ても、昨今事業者は軽く扱われがちですからね。 色んな情報やテクニックを持って、けっこう大変な時代を乗り越えていけたらいいなぁって。 Convenient tool use 便利なツールの使い方をご紹介 小規模で活動されていると、やはり人出が足りなくなるのが現状です。 しかしながら最近は無料で使えて、業務を効率化できるアプリも多数存在します。 そういったアプリの使い方などをまとめて、経

CSS TIPSについて web標準が騒がれだしてからかなりの時間が流れました。 既にspecer.gifなどを使ったテーブルレイアウトなどのレガシーな手法は過去の遺物となり、(X)HTML+CSSで作成されたサイトが主流となりつつあります。 当サイトは『レイアウトを行う際にどうしてもうまくいかない。』に回答出来る、そんなサイトになりたいと思っています。 HTML+CSSで作成する10の理由 構造とデザインの分離ができる プログラミングの作業が簡単になる SEO効果が高い アクセシビリティが高い メンテナンス性が高い サーバー容量、転送速度の確保が安易になる ユーザーが自らの見やすいデザインに変更できる ページ表示の高速化 XMLなどの新しい技術との親和性が高い はやってるから もっと詳しく見る HTML+CSSを学ぶ為には？ 当サイトではCSSでレイアウトする為のテクニックを中心に紹介し

This Work by Taichi Kaminogoya is licensed under a Creative Commons Attribution-ShareAlike 3.0 License.

タイトルだけ見ると、おーっと驚くようなテクニックですけど、実際はbackground-imgではなくimgタグを使ってるんですよね。なかなかこのテクニックを使う機会は無いと思うので、こんなテクニックもあるんだぁーっ、へぇーって思って頂けるぐらいで、十分です。では、やり方を。 HTMLを記述 <img src="bg_dimension.jpg" alt="" id="bg-img" /> <p id="text">imgタグにpositionを利用して背景画像を敷いている様に見せています。幅100%を指定することで画像も拡大・縮小します。</p> CSSを記述 body { overflow: hidden; } #bg-img { width: 100%; position: absolute; top: 0; left: 0; } #text { background: url(

DD_roundies is free software under the MIT License. Please familiarize yourself with known issues. You might also enjoy DD_belatedPNG. 2011/4/8: It is high time I update the documentation here. This plugin got as far as supporting IE8 Release Candidate 1. That was a while ago. Things have changed. I spent some time away from the project before IE8 final was released. When I came back to it, much h

CSS3で最も簡単にクロスブラウザの角丸を実装したい。 そんなときにおすすめなのが、『curved-corner』。CSS3でIEにも角丸を適用させるhtcファイルです。 Google Codeで、CSS3でIEにも角丸を実装させるファイルが配布されていますね。 クロスブラウザの角丸を実装するには、「border-radius.htc」ファイルをダウンロード、配置して、CSSに以下のように記述すればOKです。 CSS3 -moz-border-radius: 32px;//for Firefox -webkit-border-radius: 32px;//for Safari and chrome border-radius: 32px;//CSS3 behavior: url(border-radius.htc);//for IE すごく簡単な方法なので、CSS3での角丸はこれで決まりな

新鮮食材を手軽に電子レンジ調理するのがNEWS CHEF。添加物を極力使用せず、ヘルシーで栄養成分を守った商品を展開。小田急新宿店・三越恵比寿店にて販売中。

「CSSで段組したらFirefoxで背景が出ねーよっ」て話をよく聞くので色々試してみました。 コンテンツメニュー 元になるHTML 特に何も考えずfloatを使った場合 外のボックスに幅を与えてみる 一般的な解決方法 その他の解決方法 overflowを使う 最終回答 番外編 更新履歴 このドキュメントについて 元になるHTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブログ) class="leftBox"のボックスの内容は「サイドバー」。class="rightBox"の内容は「記事部分」。 例2(ウェブサイト) class="leftBox"のボックスの内容は「ローカルナビゲーション」。class="rightBox"の内容は「情報」。 例3

リンクをクリックした時に出る点線を消す方法を紹介します。 なんのこっちゃわからない人もまだ出会っていない人もいると思いますが、知っている人はちょっとウザいと思うかもしれません。 まずはこの画像をご覧ください。 これはカテゴリのWindows Vistaをクリックした時の画像です。 borderのように点線が入っているのがわかりますね。 いくつかのブラウザで試したところ、表示されたのはFirefox3だけでした。 ≪ 確認したブラウザ ≫ Firefox3、IE7（Internet Explorer7）、Opera9.6、Safari、Google chrome リンクをクリックした時に出る点線を消す方法 CSSファイルに以下の文字を追加するだけです。超簡単(ﾟ∀ﾟ∩ a{outline:none;} 意味は、a（リンク）のoutline（アウトライン）をnone（無し）にする事です。 aセ

たまにはWebに関係ある事を書こうと思います。 一部のブラウザ（Firefox他）で閲覧したとき、画像置換で作ったリンクボタン（ナビゲーション等）をクリックしたら画面いっぱいに出てくる点線が気になるので、それを解決しましよう。 （もう出つくしたネタではあるけど） まずクリックした時に点線が出てくる原因は、本来アンカーの対象であるテキストが、「text-align:-9999px;」など、テキスト飛ばしによって画面のはるか彼方へ飛ばされているため。 なので、CSSで指定したwidthからあふれる内容に対しては、以下のようなCSSで隠してしまうことによってあの変な点線は消すことができます。 ul li a { display: block; width: 150px; height: 40px; text-indent: -9999px; overflow: hidden; } これで解決！

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.