解決済

画像を、交互に配置したいのですが…

画像を、ブログの本文の中で、
左、右、左、右と交互に載せたいんです。
どうすればいいでしょうか?
CSSをいじるのではなく、直接HTMLタグを打ち込んでやる方法をしりたいです。
先ほど、自分なりに"float"を使ってみましたが、うまくいきませんでした。
文字を入れずに画像を、左、右、左、右です。
よろしくおねがいします。

2006-04-06 22:02の質問
ブログ  画像  CSS      本文  
ブログ
ブログ のかわいいポータルサイト ヤプログ!
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(3)

3.

2006-04-06 23:22:35ベスト
列はtableだと揃えにくい気がしますので,行だけ揃えることにして・・・
<table style="width:400px;">
 <tr>
  <td>
   <img src="画像" width="100" height="100" align="LEFT"/>
   もじもじもじもじ
  </td>
 </tr>
 <tr>
  <td>
   <img src="画像" width="100" height="100" align="RIGHT"/>
   もじもじもじ
  </td>
 </tr>
</table>
みたいな感じでどうでしょ?
奇数行はimgのalignをLEFTに,偶数行はRIGHTにするだけです.style使えっていうツッコミは誰かがきっと後でフォローしてくれますw

ばっちりできました☆
やっぱりできなかったことができるようになるとかなり嬉しいですね(^。^)
ありがとうございました。

1.

2006-04-06 22:58:09
タグの<left></left>とか<right></right>とか使えば良いんじゃない?
璃音はそうしてるけど

2.

2006-04-06 23:18:23
こんな感じで配置するなら.
□=画像,文=文章

□文
文□

次のようなタグでもできます.
<img src="左画像URL" align="left" /></a> 左側画像へ右側の本文<br clear="all"><img src="右画像URL" align="right" /></a> 右側画像へ左側の本文.<br clear="all">
Ads By Google

コメント(7)

#1.  SV
2006-04-06 22:31:43

テーブルタグを使って配置するとか。。?

2006-04-06 22:37:16

テーブルタグを使ってできるのなら教えてください<(_ _)>
画像が交互に並ぶようにできればいいです。

2006-04-06 23:22:24

>rayさん
今回、文字を入れずに、画像だけ、左、右、左、右とならべていきたいんです。
どうすればいいでしょうか?

2006-04-06 23:23:58

>璃音さん
画像を<left>や<right>で囲んでみましたが、何もかわりませんでした。。

2006-04-06 23:36:04

>オニキスさん
tableの400pxはなんで400pxなんですか?
それとうまくいきませんでしたけど、どこか僕がまちがえているのでしょうか…
ちなみに文字は入れないつもりです…

2006-04-06 23:49:34

>>#5
いえ,400pxの意味はないです.適当に変えて下さい.
画像の横幅より大きい値にしないと意味がないです.
画像の表示サイズもとくに意味はないので変えて下さい.
文字はいらなければ削除で,画像は画像のURLに変えて下さい.

表示されないのは,タグの打ち間違いかと思われますが・・・.

#7.  ray
2006-04-07 09:37:12

>>#3
キャンディ さんへ

本文の部分に文字を入れないで空白にしておけば画像だけを左右に配置できますよ.

と,もう解決していた.

トラックバック

トラックバックURL: