解決済
Ads By Google
写真の位置を中央に指定するには・・
写真の位置を指定するのに左寄せは～pict" align="left" /></a>
右寄せは
～pict" align="right" /></a>
中央寄せは
～pict" align="center" /></a>
左寄せと右寄せは設定が反映されるのに、何故か中央寄せは設定が反映されません。左寄せになります。なぜでしょうか？
2009-07-01 12:21の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2009-07-01 12:58:47
基本、画像を中央に持ってくる場合は
管理>>カスタマイズ/管理>>ブログの設定>>投稿の設定にある
中央揃えにしたいところの、画像の回り込み表示を、
回り込み無しにして、一度設定を保存して下さい。
その後投稿画面に戻り、ア投稿したい画像をクリック。
リンクのついている場合
これで、<center>を【<a href="…】の前に、【････/></a>】の後ろに、
</center>で囲めば、中央揃えになります。</br>は改行なので必要なければ
削除して下さい。
リンクの付いていない場合
同様に<center>を【<img src="】の前に、【････class="pict" />】の後ろに
</center>で囲めばいいと思います。
管理>>カスタマイズ/管理>>ブログの設定>>投稿の設定にある
中央揃えにしたいところの、画像の回り込み表示を、
回り込み無しにして、一度設定を保存して下さい。
その後投稿画面に戻り、ア投稿したい画像をクリック。
リンクのついている場合
<a href="http://image.blog.livedoor.jp/****/imgs/1/0/10137a89.JPG" target="_blank"><img src="http://image.blog.livedoor.jp/livedoorID/imgs/1/0/10137a89-s.JPG?360480" width="幅" height="高さ" border="0" alt="画像の名前" hspace="5" class="pict" /></a><br />
これで、<center>を【<a href="…】の前に、【････/></a>】の後ろに、
</center>で囲めば、中央揃えになります。</br>は改行なので必要なければ
削除して下さい。
リンクの付いていない場合
<img src="http://image.blog.livedoor.jp/livedoorID/imgs/1/0/10137a89-s.JPG?360480" width="幅" height="高さ" border="0" alt="画像の名前" hspace="5" class="pict" />
同様に<center>を【<img src="】の前に、【････class="pict" />】の後ろに
</center>で囲めばいいと思います。
中央になりました☆
早いご返答と的確な答えを本当にありがとうございました。
Ads By Google
コメント(2)
#1. idaten
2009-07-01 13:38:52
<img> タグには、align=centerという書き方はないそうです。
<center>タグで囲むのは非推奨になっているので、 align="left"を削除してから <div align="center"></div>で囲むようにしています。
しかし align自体が非推奨ともいわれているので、画像の中央寄せということだけならどちらでも構わないのかな？
#2. tani.masaru
2009-07-01 15:31:41
imgタグのalign属性は非推奨ですので、代替方法としては「vertical-align」「float」があります。したがって
<img src="..." align="left" /> -> <img src="..." style="float:left" />となります。centerタグも同様に非推奨です。代替方法としては「text-align」があります。
<center>～</center> -> <div style="text-align: center">～</div>となります。
