- 2006-03-24 (金) 23:26
- Movable Type
デフォルトでは、左に寄るようになっている画像の位置を、センターに。うちのサイトでは、画像が大きいもんだから、まわりこみとかしないので、別にかまわないのだ。よく見かけるのはレフトかライトに寄せて画像にシャドウをつけたりしてまわりこませるテクニック。いやー、別にそこまでしなくていいから、いちいち手打ちで
<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
- Newer: photoshop 7.0 が起動しない
- Older: movable type 検討中の項目
Comments:2
- tr 06-04-25 (火) 16:01
-
CSSとして間違っています
- そら 06-04-26 (水) 21:54
-
text-alignですね。
そのうち修正します。
ご指摘どうも。
Trackback+Pingback:0
- この記事へのTrackBack URL
記事への言及のないもの等は削除する場合があります。また、スパム判定ですぐに反映されない場合があります。 - http://www.sky-s.net/sky-blog/archives/2006/03/24-232653.php/trackback
- Listed below are links to weblogs that reference
- 写真画像をセンターに配置する from sorarium

![TAMRON SP AF 17-50mm F2.8 Di II LD Aspherical [IF] デジタル専用 αシステム用 A16M](http://ecx.images-amazon.com/images/I/51DA8G1QP7L._SL75_.jpg)







