Tag Index - CSS (12件)

Google Readerのクリップをサイトに貼り付ける

Googleリーダーとは、Googleの提供するフィードリーダー。利用はWeb上で行われる。 Google リーダー 少し前に、色んな環境にあった自分用のフィードやブックマークをGoogle環境に統合した。 Melog: Archives > Entry – Googleにブックマークとフィードを統合 そして最近になって、Google AppsでGoogleリーダーが利用できるようにな … Continue reading Continue reading

フォントをメイリオにする

このサイトで利用しているフォントに、Windows Vistaより採用された新フォント「メイリオ (Meiryo)」を追加してみた。理由は、ただ単に見栄えがいいから。 Hato-Style – Note – CSSのfont-familyに“メイリオ(Meiryo)”を追加してみた。 CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係 : w … Continue reading Continue reading

Movable Type 4.1 とか諸々変更

ここ数日で以下の変更を行った。 Movable Typeを 4.1 にバージョンアップ それに伴い、Movable Typeのテンプレート修正。主にMTSetVarsタグを使用したテンプレートのモジュール化。 一部にアイコン追加。 Movable Typeのバージョン4.1がリリースされたので導入。この4.1のバージョンアップではいくつかタグが追加されていて、その中に「MTSetVars」がある。 … Continue reading Continue reading

IE8の前にIE6以下のバージョンを底上げする方法は無いですか

MS、「IE 8」の基本設計を示唆–セキュリティと使いやすさを追求 – CNET Japan IE8の開発に関して、IE7の2年以内にリリースされること、セキュリティ、使い勝手、標準技術の互換性等に重点を置くこと、CSS2.1準拠を目指していること、などを標榜しているという話。 Web標準の最大の敵とも言えるIEがCSS2.1に対応してくれれば、これほど嬉しいことは無いのだ … Continue reading Continue reading

HTMLの新バージョン

W3C、HTML 4の後継となる次期HTMLの標準策定に着手 HTML5.0と呼ぶのかどうかは知らないけど、XHTMLじゃ何かダメなの? 来からのHTMLによるWebコンテンツも数多く存在していたことや、WebブラウザでのXHTMLのサポートが遅れたことなどから、コンテンツ制作側ではXHTMLへの移行はあまり進まなかった。こうした状況から、Webの開発や設計に携わる関係者らはW3Cに対し、HTML … Continue reading Continue reading

IEでこのサイトの一部が正常に表示されなくなるバグ

さすがに放置しておくのも問題のような気がしてきたので、一応告知。 このサイトをInternet Explorer(以下IE)で表示し、画像上の文章をポップアップさせると、画像や文章が一部表示されなくなる症状が見られるはず。画面をスクロールすると文章が削れてしまったり、画像が見えなくなったり。特に、画像が多く使われているとよく症状が発生するようだ。ずっと前から発生していたのだけど、今まで放置してた。 … Continue reading Continue reading

Javascriptで外部ドキュメントを参照する手法

何となく、Javascriptで外部のHTMLドキュメントを参照して、現在のHTMLドキュメント上に外部ドキュメントから取得した要素を配置する手法を考えてみた。まぁ多分、既に何処かで同様の手法はあるんだろうけど、一応思いついたことを簡単にメモということで。 目的 外部のHTMLドキュメントを参照して、現在のHTMLドキュメント上に外部ドキュメントから取得した要素を配置する。 用途 解説サイトを構築 … Continue reading Continue reading

タイトルのポップアップ表示スクリプト

画像にカーソルを合わせる事で、画像のタイトルをポップアップ表示させるスクリプトをホームページと、エントリー個別のページに導入しました。これは、カーソルを合わせる事で、img要素のtitle属性からタイトルを取得して、ポップアップ表示させる代物です。title属性が設定されていなければ、ブラウザに一任されます(普通は、alt属性がブラウザによってポップアップされる)。 普通のブラウザでは、画像にカー … Continue reading Continue reading

マルチカラムの手法変更

ホームページの2カラム構成(左右2列になってる段組構成)の手法を変更 しました。具体的には、cssのfloatを用いた手法から、positionを用いた手法への変更です。 現在、HTMLにおけるマルチカラムの実現方法には3種類の方法が考えられます。 一つ目は、tableを用いた方法。これは1行×カラム数列分のテーブルを作り、各セルをカラムとするというもので、一番簡単な手法です。しかし、HTMLの要 … Continue reading Continue reading

IEのスクロールバーが震える症状

ここのホームページを表示している状態で、とある条件の操作をすることで、IEのスクロールバーがその都度震えるという妙な症状が見られる。 具体的には、スタイルシートでa:hoverやa:activeにbackground-colorが指定されている場合、つまりマウスをリンクの上に乗っけたときに背景が変わる設定にしてると、カーソルがリンクの上にきたときにスクロールバーが震える。あと、スクリプトでDOMに … Continue reading Continue reading

colgroup および col について

HTMLの要素である、colgroupとcol。これは、table要素の中、captionより後、thread(これもあまり馴染みがないけど、行グループのこと)やtrより前に配置して、tableの縦の列をまとめる役割を果たす。colgroupは縦の列を意味的にグループ化する場合、colは縦の列に共通した属性を指定する場合に使う…という話だけど、その差が今ひとつピンとこないのは自分だけではあるまい。 … Continue reading Continue reading

サイトのスタイルあれこれ

このサイトに移行するにあたって、いくつか不安な点がある。そのなかの一つが、スタイルに関すること。要するに、他のブラウザ(過去のブラウザ、ではない)でもきちんと見えているのか?ということ。一応、Windows上でInternet Explorer 6.0、Mozilla FireFox 0.92、Opera 7.23で確認しているけど、それ以外は全然確認していない。 特に、結構使用者の多いMacのブ … Continue reading Continue reading

%d人のブロガーが「いいね」をつけました。