\閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
\閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
ここでは<hr>要素のスタイルを定める際に注意しなければならない事を具体例を交えて解説します。 まずはじめに…。 <hr>要素(横罫線)はCSSを扱う上で意外に厄介な代物です。 表示スタイルについて、明確な決まりが無いからです。 このため、<hr>要素に画像を用いる場合、さまざまな問題に悩まされました。 それでも、最近ではインターネットエクスプローラ 7.0 までを除けば、多くの環境でそれなりのスタイルを実現出来るようになって来たようです。 ただ、殆どのブラウザにバグがあるのも事実ですが…。 ここでは、なるべく多くの環境でそれなりに<hr>要素のスタイルを定める方法について考えてみましょう。 主なブラウザでの<hr>要素の実装。 ファイヤーフォックスとオペラでの<hr>要素の実装。 ファイヤーフォックスとオペラでは、<hr>要素の実装を以下のように考えているようです。 枠線は境界線と見なす
vertical-align の指定がない場合は、垂直方向の中央に揃えられます。 justifyの指定について 複数行に渡る長い文章の場合に、各行(最終行を除く)の右端が綺麗に揃うように単語間隔が自動的に調整されます。(英文などの場合に有効のようです) 表示される内容は、letter-spacingプロパティやword-spacingプロパティの影響を受ける場合があります。 ベースラインについて 英文などの場合、例えば x と y では下辺の位置が異なります。 x 文字のように、下側にはみ出ていない文字の下辺ラインを、ベースラインといいます。 日本語の場合はベースラインは存在しません。 使用例 left、center、rightの指定例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3
フォント太さを、BODYタグやTABLEタグなどに指定します。 ほぼ全てのタグに適用することが可能です。 スタイルシート・サンプル 緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。 "/* */"内はコメントです。削除しても影響ありません。 必要な箇所をコピー&貼り付けして編集してください。 また、その他の指定方法はメニューの「基本・リファレンス」を参考にして下さい。 → ページ全体に適用する場合(サンプルのためタグごとに効果を変えています。参照) <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> <!-- BODY { font-weight: normal } /* 標準の太さ(400) */ .bl { font-weight: bold } /* 太くする(700) */ .lt
CSSの実際のところ font-size 最も基本的なプロパティの「font-size」、実際のところ一部おかしなところも存在するのですが、 殆ど問題なく表現してくれます。 CSSプロパティ「font-size」に関する留意点を以下にまとめてみました。 BODY要素に直接指定した場合 テーブル関連のフォントサイズ指定 文書全体のフォントサイズを変更する場合 1. BODY要素に直接指定した場合 テーブル関連には全くその指定は反映されないようです。 当然ながら、継承を使うこともできませんので、テーブル関連に相対指定はしない方が良さそうです。 これは「font-size」と同様です。 しかし、回避方法はいくらでもあります。 その他、IE5ではHx要素やフォーム関連にも反映されないようで、これらの要素にも直接指定してやる必要があります。 また、BODY要素にフォントサイズを指定した場合、文書全体
Google App Engine SDK: CSS や JS などの静的ファイルを利用する CSS や JS(JavaScript)などの静的な外部ファイルを利用するには、まず app.yaml の handlers セクションで静的ファイルを含むディレクトリのパスなどを定義する必要があるらしい。Using Static Files - Google App Engine - Google Code を参考にやってみた。 CSS ファイルの利用 今回は外部 CSS ファイルで試してみました。 1. app.yaml の変更 handlers: - url: /css static_dir: css - url: /.* script: helloworld.py 上から順にマッチするかテストされるので、/css から始まる URL にリクエストがあると、css ディレクトリにあるファイル
Latest topics 2019.01.22 長々と運営していましたが、本日を以て大会を終了とさせていただきます。沢山の方にご参加いただきましたこと、まことに嬉しく思います。Galleryは閲覧可能ですので、懐かしい気持ちになりつつご覧いただければと思います。 2007.04.15 公式html内に一箇所文字の誤りがありました。詳しくは2007-04-15のメモに書いておきました。要素の変更や構造の変更に変化は無いので、CSSを書く作業には影響がないのですが、気になる方はURIを参照して下さい。 Galleryが開通しました。フォームで選択してぽちっとするとサムネイルが表示されます。サムネイルをクリックすると、CSSデザインが適用された個別ページが表示されます。 よくありそうな質問に、CSSデザインは1人何個でも提出できる旨を追記いたしました。 2007.04.13 よくありそうな質問
要素が挿入された瞬間を取得する 今までは出来ないと思っていたのですが、今日いろいろ試していて出来る方法が分かりました。 ですので、ちょっと紹介したいと思います。今のところアイデアなので、実用性は?です。 方法 HTML に以下の style 要素を挿入することで実現することができます。 <style type="text/css"> * { display: expression(function() { if (!this.__mark) { this.__mark = true; alert('inserted node: ' + this.tagName); } return ''; }.apply(this)); } </style> 実際に例を見てみましょう http://amachang.art-code.org/ieexpression/000.html <!DOCTYPE
ドコモ端末でCSSを利用するには Tweet 2008/4/3 木曜日 matsui Posted in DoCoMo | 9 Comments » ドコモ端末でCSSを表示しようとして、悩まれる方が多いようなのでご紹介しようと思います。 ドコモのiモード端末では、FOMA以降の機種でXHTML対応となりCSSが使えます。 ※厳密にいうと、ごく初期のFOMA21xxシリーズでは使えません。詳しくは下記一覧表からご確認ください。 → iモード対応機種 対応コンテンツ・機能一覧 [nttdocomo.co.jp] ※PDFです ですが、PCと同じように普通に書くだけでは、CSSは認識されません。 下記の3点を守る必要があります。 iモード用のXML宣言、DOCTYPEを付ける CSSは外部ファイルにしない、ヘッダ部にも書かない 拡張子を「.xhtml」にする ※別の方法もあり まず1についてで
本当はもっと色々書きたい事あるけど、忙しいから手短に書くよ。 CSS Niteやら界隈のイベントを主催してる人も、それに群がってる人達も、全然すごくない人達ばかりだよね。こういうことを書くと「畑違いだから、あなたには凄さがわからないんですよ」とか言われるだろうけど。でもね、100歩も200歩も譲っても、やっぱはっきり言っておかないとダメだと思うから書くよ。お前ら全然凄くないよ。いい加減自覚しろよ。そんで自重しろよ。イベントだ勉強会だ交流だの、レベルの低い連中で集まっても何の意味もねーよ。なまじ仕事になって給料とかもらえてしまうから、ダメなことに気付かないんだよ。仕事やめてひきこもれよ。2年ぐらい。 Web標準がどうのこうのいってやってることはCSSハックがどうしたこうした、糞くだらないよね。お前らそれで「Webの発展に貢献してきた」とか思ってるわけじゃんか。全然貢献してないからね。むしろハ
リセットCSSとフォントCSS|Web Designing 4月号 Web Designing4月号の特集「“読みやすさ”のためのXHTML+CSSデザイン」は、スタイルシート中級者とって非常に役立つ特集でした。 僕も今まで本や既存のサイトを参考にしながら、毎回いろいろと試行錯誤してCSSを組んできましたが、リセット用CSSとフォント用CSSに関しては、今回スッキリとまとまったような気がします。 基本はYahoo! UI Libraryの「YUI Reset CSS」と「YUI Fonts CSS」を使います。ただし、YUI Fonts CSSは英字を想定しているので、カスタマイズした方がいいです。 それでは、サンプルはこちらから(それぞれのスタイルシートが開きますので、コピーしてお使い下さい) リセット用CSS フォント用CSS また、もっと上級者の方には下記のサイトで実践と解説されてい
DiggライクなUIを作る色々。 Digg買収で競り合い、という話題はさておき、DiggのUIを実装するサンプル集。 Clean Tab Bar Digg-like using CSS - Diggライクなタブバーを作成 Digg-like navigation bar using CSS - Diggライクなメニューバー Simple CSS vertical menu Digg-like - Digg ライクなドロップダウン Diggのシンプルだけど洗練されたUIをサイトに入れてみたい場合に使えますね。 (一部ブラウザで動作しないものもあるので注意が必要です) Digg UI Library なんてのが出て欲しいですね。
Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#fffff
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く