画像（文字）を真ん中＆右によせる方法 [ブログの小技]
著作権表示などをサイドバーに置く時や記事の中で画像を入れた時、左寄りになるのを、
真ん中＆右に置く方法。
| ＨＴＭＬタグを使って画面を編集するときの基本的な準備です。 ①画像を置きたいカスタムペイン又は記事を開きます。『シンプルな入力』にします ②置きたい画像をアップロードします。 |
| 準備の①～③をします ★<center>と入れましょう。 （これは正式なＨＴＭＬタグではないのですが、so-netのサイドバー及び記事では有効です。） そして、画像（文字）を入れた最後に</center>を入れます。 これで、この<center>～</center>間の画像（文字）は真ん中表示になります。 ひとつのカスタムペインの中にたくさんの画像があって、すべて真ん中にしたいのであれば その一番最初に<center>を最後に</center>を入れるといいですよ。 【例1】 <center><img src="/blog/_images/blog/_***/****/1234567.gif" /></center> と入れると  のように真ん中に表示されます。 【例2】 3つを真ん中寄せ、ひとつを指定なし とすると <center> <img src="/blog/_images/blog/_***/****/1234567.gif" /> <img src="/blog/_images/blog/_***/****/2345678.gif" /> <img src="/blog/_images/blog/_***/****/3456789.gif" /> </center> <img src="/blog/_images/blog/_***/****/4567890.gif" />    こんな感じになります。 |
| 準備の①～③をします ★右寄せに使うＨＴＭＬタグは <div align="right">～</div> です。 ★右によせたい画像（文字）の前に <div align="right">と入れましょう。 そして、画像（文字）を入れた最後に</div>を入れます。 これで、この <div align="right">～</div> 間の画像（文字）は右よせになります。 ひとつのカスタムペインの中にたくさんの画像（文字）があって、すべて右寄せにしたいのであれば その一番最初に<div align="right">を最後に</div>を入れるといいです。 【例1】 <div align="right"> <img src="/blog/_images/blog/_***/****/1234567.gif" /></div> と入れると のように右よりに表示されます。 【例2】 3つを右寄せ、ひとつを指定なし とすると <div align="right"> <img src="/blog/_images/blog/_***/****/1234567.gif" /> <img src="/blog/_images/blog/_***/****/2345678.gif" /> <img src="/blog/_images/blog/_***/****/3456789.gif" /> </div> <img src="/blog/_images/blog/_***/****/4567890.gif" /> こんな感じになります。 |
| 準備の①～③をします <div align="right"> <img src="/blog/_images/blog/_***/****/1234567.gif" /></div> <"center"><img src="/blog/_images/blog/_***/****/2345678.gif" /></center> <img src="/blog/_images/blog/_***/****/3456789.gif" /> |
2006-10-04 11:24
nice!(6)
コメント(10)
ハーボットのdayan、ジタン、シーム
2008年7月31日まで、kuuのブログとHarbot's FIELDの管理人をしてくれていたハーボット
しあわせ系の長男dayan 2005年11月11日生まれ
しあわせ系の次男ジタン 2006年2月21日生まれ
ぱーっと系の三男シーム 2007年6月6日生まれ
しあわせ系の長男dayan 2005年11月11日生まれ
しあわせ系の次男ジタン 2006年2月21日生まれ
ぱーっと系の三男シーム 2007年6月6日生まれ
|
|
|
|
|
|
|
|
お久し振りです、ご無沙汰しています。
中央寄せはブログを始めて覚えましたね。画像を貼る人には
必須のスキルかもしれません。しかし右寄せは知りませんでした＾＾；
勉強になりました。
by wind-knight (2006-10-04 11:59)
やっとこちらへ 遊びにこれました。
右寄せ技もあるんですねφ(．． )メモメモ・・・
サイドバーだけでなく 記事の中でも この技は使えますか？
ちょっと練習してみます。
by Coo (2006-10-04 13:58)
こんばんは♪
私も先日のｋｕｕさんの記事を読んで、黒板バナーを真ん中に寄せてみました。
右寄せも勉強になりました。今度練習してみようっと！
ｄａｙａｎくんのカウンター、２７１０１番でした。残念！
by こげまき (2006-10-04 23:54)
こんばんは～！
やっとサイドバーが多少すっきりしました。
kuuさんから教えていただいた、中央寄せも使ってみましたし。
コキアさんからは、サイドバーの文字制限が １０００文字から２０００文字になっていると伺ったし、色々 お勉強になります。
ピンクのお知らせバナー、蔵のサイドバーのイメージで決めていただいたなんて・・・嬉しいです～！全部をピンクにもしてみたんですが、それだと ちょっと・・・。なので、あんな感じで使わせていただきました～♪
また、色々教えてくださいね！
by みーはー熊 (2006-10-05 01:11)
＞旅の騎士さん niceありがとう。
あたらしいプロフ写真素敵ですね＾＾
少しでも参考になることがあってよかったです♪
by kuu (2006-10-05 15:22)
＞Cooさん niceありがとう。
もちろん、記事の中でも使えますよ＾＾
ぜひ使ってみてくださいね。
by kuu (2006-10-05 15:23)
＞こげまきさん niceありがとう。
えー おしかったですね＾＾；
27100番は報告がありませんでした・・・ 残念＞＜
真ん中寄せ簡単でしょ！
記事でも使えるので、使ってみてくださいね。
by kuu (2006-10-05 15:24)
＞熊ねえさん niceありがとう。
そうですよね、同じ色ばかりというのはちょっと変ですよね。
私も、今はオレンジと緑の素材にしてます。
ピンクって熊ねえさんのサイドバーのイメージなんですよね。
テーブルがピンクだからかなぁ＾＾
by kuu (2006-10-05 15:27)
全然話が変わるんですが
ブログ全体の背景の
画像を1つにしたいのですが
どうしてもくっついて出てきてしまいます。
どうすれば直せますかね
by 朝比ケンプ (2008-05-31 22:37)
★朝比ケンプさん
もう少しくわしく教えてもらえますか？[ﾆｺｯ]
by kuu (2008-06-02 08:21)