none
IMAGEに様々なサイズの顔写真を載せたい RRS feed

  • 質問

  • はじめまして、ニッチもサッチもいかなくて投稿しました。

    自分の会社で社員のプロフィールを乗せるページを作成しました。

    当然、顔写真を載せるために、Imageを配置し、URLを指定しました。

    ちゃんと表示できたのですが、顔写真のサイズが様々であるために、

    顔が伸びたり、縮んだり面白プロフィールになってしまっています。

     

    Imageの中に収まるように元の画像の縦横の比率そのままで、拡大・縮小

    できないでしょうか?難しいですか?

    Imageと画像の縦横の比率が合わないところは空白?白色?でいいのですが・・・。

     

    よろしくご指導お願い致します。

    2006年4月19日 2:07

すべての返信

  • まず、DIV 要素を用意します。
    ここを箱にします。(外枠を書く)

    この DIV 要素の中に IMG 要素を中心になるように配置します。
    IMG 要素の Width と Height を同じパーセントで指定します。

    # 指定するパーセントの数字は事前に計算しておきます。

    2006年4月19日 2:57
  • > IMAGEに様々なサイズの顔写真を載せたい

    社員のプロフィールの顔写真なら、UPする前にサイズを変更してしまうのが普通だと思うのですが・・・。明るさなんかも調整できますし。
    回答じゃなくてごめんなさい。(^^;

    2006年4月19日 3:21
    モデレータ