解決済

clip!clip!
Ads By Google

picsから画像を入れた際、画像が左寄せになりますが、右左中央に振り分けられないでしょうか?

livedoor blogにpicsから画像を入れた際、画像が左寄せになってしまいます。これを、画像によって、右、左(できれば中央)に振り分けられないでしょうか?

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

回答(4)

2.

2006-02-22 02:18:01ベスト
HTMLタグの書き換えで対応できます。
画像を貼り付けた際に入力される
"<a href=" ~"以下のHTMLタグの最後、"align="left" />"の"left"の部分を"right"や"center"に書き換えればいいはずです。

1.

2006-02-22 00:47:21
htmlを確認 にチェックをいれ、

画像のリンクの
前に<center>
後ろに</center>

を入れる。
<center><a href="http.......</a></center>
こんな感じに。これで真ん中になるはず

3.

2006-02-22 05:55:03
ちなみにスタイルシートで指定すると、微妙な位置調整ができるようになります。下記は左側に100pxを空ける例です。

修正前の例)
<a href=" src=' ...' alt='...' border=0></a>

修正後の例)
<a href=" src=' ...' alt='...' border=0 style='margin:0 0 0 100px;'></a>

 margin:0 0 0 100px;の部分は、上、右、下、左の順なので、追加したい方向に余白指定できます。画像以外でも、style='...'の部分を追加することで使えます。

4.

2006-02-22 06:59:47
もしかして、段組みにするという意味でしょうか。テーブルタグを使って、2段組みや3段組みなどにできます。2段組みの例を示します。

修正前)
<a href=" src=' ...' alt='...' border=0></a>
<a href=" src=' ...' alt='...' border=0></a>

修正後)
<table width="100%" cellspacing="10" cellpadding="0" border="0">
<tr align="center">
<td><a href=" src=' ...' alt='...' border=0></a></td>
<td><a href=" src=' ...' alt='...' border=0></a></td>
</tr>
</table>
Ads By Google

コメント(10)

2006-02-22 12:32:43

80マイルスです。皆さんの回答を参考にいろいろ直してみました。実は、HTML超初心者でしたが、結構うまくいきました。迅速な回答ありがとうございます。

2006-02-22 12:36:31

shpeeさん
うまくいきました。ただ、<center>を<right>に変えても右に来ないのですが。。

2006-02-22 12:41:28

もあいしさん
うまくいきました。自分の編集画面に"align="left" />の部分がなかったので、適当に入れてやってるうちに、うまく右左中央に並べかえれました。

2006-02-22 12:52:25

試験利用者さん
うまくいきました。複数の画像の位置関係を微妙に調節するには便利ですね。

2006-02-22 13:03:24

試験利用者さん
段組の方も大体うまくいきました。6枚を3枚ずつ2段に並べていますが、縦のマージン調整方法がわかりません。hight="20%" にしても、style='margin:20px 0 0 0;'にしても、うまく行きませんでした。

2006-02-23 05:57:39

縦幅なのですが、tableタグに対して、heightを設定するのが簡単です。width="100%"となっていますが、height="200"などとしてみてください。縦は%指定を普通やりません。

2006-02-23 05:57:59

数字は3枚とおっしゃっていたので、200ぐらいあれば十分かなと勝手に思いましたが、足りなさそうならば増減させてください。
ちなみに、hight→heightです。

2006-02-23 16:43:52

試験利用者さん
何度もコメントありがとうございます。heightの数値を変えてやってみましたが、現状の表示がマージン最小のようで、これ以上詰めることはできませんでした。とりあえず、これでいきます。

2006-02-28 14:32:10

http://knowledge.livedoor.com/1072
どうやらテーブルタグ内にbrタグが入っていたようです。

2006-03-01 08:23:23

試験利用者さん
詳細設定で改行しないにして、うまく行きました。高さもheightの数値でうまく調節できました。ありがとうございます。

トラックバック(2)

トラックバックURL: