教えて!gooにおける不適切な投稿への対応について

htmlでホームページを作っています。
リンクつきのバナーをページに2個ずつ
□  □
□  □
↑このような感じで並べようと思い、
<img align="left" src="画像url" alt="名前" border="0">
<img align="right" src="画像url" alt="名前" border="0">
で並べてみました。
横の間隔はこれでうまく言っているのですが、
これを縦に並べていく時、上のバナーと下のバナーがくっついてしまいます。
そこにも一行分くらいの間隔を開けたいです。どうすればいいでしょうか?

gooドクター

A 回答 (3件)

連投ご無礼します。


ご質問の件だけなら、imgタグ内に hspace="20" vspace="20" でできますね。
数値は適当に試してください。
表でcellpading="20"とかcellspacing="20" とかでも可能かと思います
    • good
    • 0

上下のバナーを一つに括って、行間を padding または margin で指定しては如何でしょうか



<style>
aside { float:right; }
aside ul { list-style-type:none; margin:0; padding:0; }
aside ul li { padding:0.5em; }
</style>

<aside><ul>
<li><a href><img src></a>
<li><a href><img src></a>
</ul></aside>
    • good
    • 0

テーブルタグ使ったら、いかがですか?


<table border="0" width="600">
<tr><td><a href="http://xxx">
<img src="画像url" alt="名前" border="0"></a></td>
><td><a href="http://xxx">
<img src="画像url" alt="名前" border="0"></a></td></tr>

これで、<tr></tr>間を繰り返し、最後に</table>
となります。
widthはたまたま600にしましたが、<td width="300">を前提にしてますから
imgにも幅設定して、それに合わせてください。
表の真ん中にimgを配置するなら、それぞれの前に
<p align="center">を配置すればきれいに仕上がります。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

gooドクター

このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング