グラフィック・WEBデザイン@札幌、スタジオ・エディーズ

CSS:垂直方向のマージンがよく分からない その2

 前回の話のつづき…同じようなレイアウトで、画像をディバイダーとして使いました。

赤い線の上下のアキを均等にしたい。

赤い線の上下のアキを均等にしたい。

 ディバイダーとして使用している画像に”divider”というクラス名をつけて、cssで以下のように指定すると、Firefox、IE8、Safariでは上記の赤い線のように、上下のアキが均等になります。
Read more

2009年 12月 15日 火曜日 | コメント(0)

CSS:垂直方向のマージンがよく分からない その1

 最近やったhtmlの仕事で、結構頭を悩ませた件について書いてみます。

赤字部分の上下のアキを均等にしたい

赤字部分の上下のアキを均等にしたい

 このようにタイトルがあって、写真が入り、右側には写真の人物の情報、フロートをクリアして「See all message fromホニャララ」があるわけです。赤字部分(ホントは赤字じゃないけど、分かりやすくするため)の上下のアキを均等にしたいのですね。写真から罫線までのコードはこんな感じにしました… Read more

2009年 12月 11日 金曜日 | コメント(0)