メイン

HTML アーカイブ

2006年11月24日

IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法

IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌:より。

IEの場合、<object>タグにスタイルでサイズを指定しないと見えないので注意が必要です。
XHTMLではiframeタグは禁止されているのでValidにしたい場合はこっちを使ったほうがよいらしいです。

<--[if IE]>
<![endif]-->

を利用したハックなんですが、これは便利そう。少しだけ堂々と利用できそう。まあハックではありますが。

続きを読む "IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法" »

2006年11月27日

イメージ無しのblockquoteで引用を表示するCSSサンプル

イメージ無しのblockquoteで引用を表示するCSSサンプル - WEBデザイン BLOG:より。

blockquoteでの引用を美しく表示するCSSサンプル:phpspot開発日誌のエントリーを読んでみて、イメージ無しでのblockquoteでの引用を二重引用符で表示するCSSサンプルを紹介してみることに。

WEBデザイン BLOG」は恥ずかしながら最近知ったのですが、内容もデザインも素晴らしいサイト。思いっきり影響受けました。

blockquoteに関しては僕も長い事悩んでいまして、最近A List Apart: A List ApartのCSSを参考に(……というかほとんどそのまま)利用する事に落ち着いたばかり。こちらはオーソドックスに画像での処理。

一方紹介してくれているひとつは画像ではなく文字を<span></span>でくくる方法ですが、やはりちょっと美しくはないですよね。普通に、

<blockquote><p>引用文</p></blockquote>

で行きたい所。

CSS疑似要素要素(:beforeと:after)を利用するのがやはりいいのかな。IEでは適用されませんけれど、htmlソースをデザインのためにいじるのは最後の手段かなあと思います。インクルードしているヘッダやフッタなどはOKだと思いますけれどね。

About HTML

ブログ「101LAB::design::clip」のカテゴリ「HTML」に投稿されたすべてのエントリのアーカイブのページです。新しい順番に並んでいます。

前のカテゴリはCSSです。

次のカテゴリはJavaScriptです。

他にも多くのエントリがあります。メインページアーカイブページも見てください。

Powered by
Movable Type