質問する
質問を探す 詳しく検索する

解決済

clip!clip!
Ads By Google

投稿フォームを変えました。画像を真ん中にしたいのですが方法を教えて下さい

投稿フォームをＷＹＳＩＷＹＧエディタに変更したのですが、今までのシンプルエディタの方法とは違うのですよね？方法を教えて下さい。どうしても真ん中にできないのです
当方のＵＲＬはこちらです
http://blog.livedoor.jp/mirainetwork_kara/?blog_id=1710374
http://blog.livedoor.jp/mirainetwork_kara/?blog_id=1710374
clip


2006-09-27 14:10の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(3)

1.

2006-09-27 14:31:12みんなナイスな
foissotté
投稿画面をみると、おそらく、

<P><A href="画像のアドレス" target=_blank><IMG class=pict height=130 alt=お誕生日サービス hspace=5 src="もともとの画像のアドレス" width=159 align=left border=0></A></P>

というのが見えると思うのですが、頭の<P>を
<P align=center>
にすると可能です。この場合、画像の方に書かれている
align=left
と書いている部分は不要になるので、この部分を削除してもかまいません。

もしかしたら、もう少しスマートなやり方かあるかもしれませんが、一つの方法として紹介しておきます。

2.

2006-09-27 14:55:46みんなナイスな
kozzy110
<table>タグで囲むことを推奨します。
利点は、自由にレイアウトが組める点です。

たとえば、
<table>
<tr>
<td></td>
<td><A href="画像のアドレス" target=_blank>
<IMG class=pict height=130 alt=お誕生日サービス hspace=5 src="もともとの画像のアドレス" width=159 align=left border=0>
</A></td>
<td></td>
</tr>
</table>

ちなみに、僕はＷＹＳＩＷＹＧエディタが嫌いです。
結局、このようにHTMLいじらないと、
思ったような出力が出せないあたり、
ちっともWYSIWYGしてないからです。
自信度 : 自信あり 回答レベル : 回答

3.

2006-09-27 15:03:56みんなナイスな
foissotteさんの
<P align=center>で良いと思うのですが、
<IMG>内の align=leftは寧ろ削除しないと、左寄せになってしまいますし、
Firefoxなどで見ると、その直後の<hr>が画像の横に表示されてしまっております。

余談ですが、align=leftを画像に指定するとその横に文字を並べられますが、
「もうこれ以上は並べたくない」という場合、改行をたくさん入れる方法もありますが、
<br style="clear:both" />
を一発入れるとで回り込み解除でき、上手い感じで表示されます。
勿論、
<hr style="clear:both" />
でも結構です。
Ads By Google

コメント(9)

コメントする
#1.  kozzy110
2006-09-27 14:45:12

う～ん。

<p align="center"></p>
で囲んでみたけれど・・・
うまくいきませんでした。
やり方がまずかったのかな。

#2.  kozzy110
2006-09-27 14:45:54

<DIV></DIV>
<SPAN></SPAN>
も試してみました。
やり方がまずかったのかな？

#3.  foissotté
2006-09-27 16:21:15

ちゃんと説明するべきでしたね。

<P align=center><A href="もともとの画像アドレス"
target=_blank><IMG class=pict height=130
alt=お誕生日サービス hspace=5
src="サムネイルの画像" width=159 border=0></A></P>
とするとセンターになります。その後ろにある文字列から、

<P>&nbsp;</P>
<P><BR>&nbsp;</P>
<P>&nbsp;</P>

まで全て不要ですので削除してください。上の囲みは説明のために改行していますが、実際に編集する際は、改行はしないでくださいね。

#4.  kozzy110
2006-09-27 16:28:11

>>#3
ああ、そうか、やっぱりやり方がまずかったんですね。
申し訳ない。

#5.  kozzy110
2006-09-27 16:29:19

NICEありがとうございました。

#6.  
2006-09-27 16:29:43

ありがとうございました
解決できました

#8.  
2006-09-27 16:32:32

>>#3
<P>&nbsp;</P>
<P><BR>&nbsp;</P>
<P>&nbsp;</P>
特に削除しなくても差し支えないですか？

#9.  foissotté
2006-09-27 16:39:12

ナイスありがとうございます。

>>#8
<P>&nbsp;</P>
<P><BR>&nbsp;</P>
<P>&nbsp;</P>

は、本来は文字と文字の空白を意図的に作り出すものですので差支えはありません。

こちらで試したところ、表示に何の問題も出なかったことを確認しました。

#10.  
2006-09-28 15:14:50

>>#9
お礼が遅くなりまして、すみません
色々丁寧に教えて下さりありがとうございました

トラックバック(2)

トラックバック一覧
トラックバックURL: