質問: 画像イメージの上下左右、欲しいところに好きな間隔を入れられますか? こんにちは。タイトルの通りサイト作成で、 画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。 参考までに、dreamweaver(ドリームウィーバー)2004mxです。 画像とテキストの兼ね合いで、画像の右側や左側に、 ところどころで間隔が欲しいと思っています。 間隔をいじれるところといえば縦間隔、横間隔になりますが、 縦間隔なら「上」と「下」、横間隔なら「右」と「左」、 これらが一度に動いてしまうのです。 片方には確かに欲しい間隔が得られるのですが、 ほう片方に要らない間隔ができてしまい困っています。 例えば右だけに間隔が欲しい。 左だけに間隔が欲しい。 こういう場合って、何かやり方があるのでしょうか。 もともと余白込みの画像を用意するという手も講じましたが、 その場合はその場合で、その画像が他のレイアウトに流用しづらい という弱点を生んでしまい、レイアウトごとに画像を用意しなければならないので 対症療法としてはうまくいきませんでした。 また、画像ごとにセルを用意して任意の余白を作り出す手もありましたが、 セルがあまりにも絡まりあってしまい、 かなりぐちゃぐちゃなものになるためうまくいきませんでした。 やはりもうちょっと詳しい方にお訊きしようと思いまして 質問を立てさせていただきました。 素人質問で大変申し訳ありません。 どうぞ宜しくお願いいたします。
回答: marginやpaddingを使うといいわ。 marginは隣のものと距離を取るスタイルよ。 ┌─┐┌─┐ │a ││b │ └─┘└─┘ aの右にmarginを取ると ┌─┐ ┌─┐ │a │ │b │ └─┘ └─┘ になるわ。 paddingは余白を作るスタイルよ。 ┌─┐┌─┐ │a ││b │ └─┘└─┘ aの右にpaddingを取ると ┌──┐┌─┐ │a ││b │ └──┘└─┘ こうなるわ。 画像に余白を追加して、の処理に近いのはpaddingね。