[XHTML+CSS]CSS Spriteで表現する角丸へのコメント

[XHTML+CSS]CSS Spriteで表現する角丸2 | Commit Lab より

[XHTML+CSS]CSS Spriteで表現する角丸2 | Commit Lab — Tue, 10 Feb 2009 13:45:17 +0000

[...] 2008-12-07[XHTML+CSS]CSS Spriteで表現する角丸 | Commit Labの続きです。 [...]

taro より

taro — Fri, 06 Feb 2009 06:45:39 +0000

Commitさんご丁寧にありがとうございました。
おかげさまで思った通りにすることができました。
また、ちょくちょく覗かせてもらいます。
本当にありがとうございました^^

Commit より

Commit — Fri, 06 Feb 2009 05:23:38 +0000

実は僕もこれを書いた当時、その点が少々心残りではありました。いい機会なのでちょっと改良してみました。

http://commitlab.com/test/scb/scbox4.html

変更点

今回はh2で問題だったheightのpx固定はやめて、line-heightのみで高さを調整しています。なので拡大してもH2も縦に伸縮して、文字がはみ出す事はありません。
またH2にbackground-colorを与え、どれだけ拡大しても見出しが途中で途切れないようにしました。

それに伴いCSS Spriteの画像を変更してます。横幅が1.5倍になりましたが、サイズは10バイト少々増えた程度です。またそれに合わせてCSSのbackgroundを変更しました。

taroさんの意図した通りになっているかは少々不安ですが、こんな感じではいかがでしょうか？

taro より

taro — Fri, 06 Feb 2009 04:20:09 +0000

初めまして。
この方法で角丸ボックスを作るとして、h2の部分の高さを固定せずに、可変式にすることは可能でしょうか？
というのも、現在フォントサイズをキーワードで指定してwebサイトを作成しているので、h2の高さを固定してしまうと、ユーザー側のサイズ設定によってはh2の中身が見えなくなってしまうと思ったからです。
突然の訪問で、不躾な質問とは存じますが、もし宜しければご教示いただけると幸いです。
宜しくお願いしますm–m

[XHTML+CSS]CSS Spriteで表現する角丸 へのコメント

[XHTML+CSS]CSS Spriteで表現する角丸2 | Commit Lab より

taro より

Commit より

taro より

[XHTML+CSS]CSS Spriteで表現する角丸へのコメント