写真画像をセンターに配置する

スポンサーリンク

デフォルトでは、左に寄るようになっている画像の位置を、センターに。うちのサイトでは、画像が大きいもんだから、まわりこみとかしないので、別にかまわないのだ。よく見かけるのはレフトかライトに寄せて画像にシャドウをつけたりしてまわりこませるテクニック。いやー、別にそこまでしなくていいから、いちいち手打ちで

<div style="text-align:center;">
<img src=" ">
</div>

うつのはうんざりしてしまって。

解決するには、lib/MT/App/CMS.pmをいじってみればいい、とのこと。3597行目。

my $link = $thumb ? qq(<div style="text-align:center;">
<img src="$thumb" width="$thumb_width" height="$thumb_height" 
alt="" hspace="5" vspace="5" /></div>) : q{<MT_TRANS phrase="View image">};
 return $app->translate_templatized(<<HTML);
<a href="$url" onclick="window.open(‘$url’,’popup’,’width=$width,height=$height,
scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,
menubar=no,status=no,left=0,top=0′); return false">$link</a>
HTML
} elsif ($q->param(‘include’)) {
if ($thumb) {
return <<HTML;
<div style="text-align:center;"><a href="$url">
<img alt="$fname" src="$thumb" width="$thumb_width"
 height="$thumb_height" hspace="5" vspace="5" /></a></div>
HTML
} else {
return <<HTML;
<div style="text-align:center;">
<img alt="$fname" src="$url" width="$width" height="$height" 
hspace="5" vspace="5" /></div>
HTML
}

hspaceとvspaceをそれぞれ加えるのと、私は<img ="">を<div style="text-align:center;"></div>ではさみました。そうすると、upload後生成されたhtmlにこのタグが追加された状態でできあがります。あーらくちん。

【参考記事】
我楽
http://blog.garaku.cc/archives/2004/10/21_1158.php

スポンサーリンク
NO IMAGE
この記事をお届けした
sorariumの最新ニュース情報を、
いいねしてチェックしよう!

シェアする

『写真画像をセンターに配置する』へのコメント

  1. 名前:tr 投稿日:2006/04/25(火) 16:01:25 ID:197624758

    CSSとして間違っています

  2. 名前:そら 投稿日:2006/04/26(水) 21:54:16 ID:6eeefa902

    text-alignですね。
    そのうち修正します。
    ご指摘どうも。