画像を横並びに

[統計] HTMLからXHTMLへの移行を進めていますか？

0   名前： かろりん ： 2006/10/15（日） 20:11  ID:YwS1/.mD
こんばんは
早速ですが
3段コラム型のHP作成してる中でどうしても進まない事があります。
画像（イメージ）を横並びに表示したいのですがどうしても上手くいきません。
ｈｔｍｌでは
<div id="content img">
<a href="c01.html"><img src="images/xxxxxxxx" width="218" height="150" alt="xxxxxxx" /></a>
<a href="c02.html"><img src="images/xxxxxxxx" width="218" height="150" alt="xxxxxxx" /></a>
</div>
記述し
CSSでは
#content img {
margin-right: 1px; margin-bottom: 2px; padding: 2px; border: 1px solid #e0d8cb;
vertical-align: bottom;
こなんな風に記述しました。
足りないものは、何でしょうか

上記の表示ですと　縦に表示してしまいます。
ご指導ください。
re：ボックスを並べたほうがいいのでしょうか？
いけない誤解をしてますか？
お願い致しますおしえてください！！

1   名前： ゆう ： 2006/10/15（日） 20:11  ID:z45M5JB1
<div id="content img">
<a href="c01.html"><img src="images/xxxxxxxx" width="218" height="150" alt="xxxxxxx" />
<a href="c02.html"><img src="images/xxxxxxxx" width="218" height="150" alt="xxxxxxx" /></a>
</div>

とおそらくこれで並びませんでしょうか？
実際に試したわけではないですが、
僕がブログで横に並べる時のタグはこうしたら並びました。
一応参考までに。
できなかったらすみません。
2   名前： K+S ： 2006/10/15（日） 20:11  ID:nROqylMa
そのソースだけ見ると、問題なく横並びに表示されるように思います。
ただし、IDトークンの付け方が気になります。
<div id="content img"> は、"content"と"img"という2つの値が指定されていることになります。
#content img {} は、id="content" に包含される img要素 を対象とするセレクタになります。

> 3段コラム型
ということですが、画像2つとその余白に対して、先祖要素の領域が不足していませんか？
3   名前： 匿名 ： 2006/10/15（日） 20:11  ID:.LeMBDth
>>1
Invalid
4   名前： 匿名 ： 2006/10/15（日） 20:11  ID:L0mFLTIe
> <div id="content img">

class属性ではないのだから、このid属性値は不正。
5   名前： 点心 ： 2006/10/15（日） 20:11  ID:ad3gQF35
どこかで、img に display: block を指定してそれが効いてしまっている可能性もあります。
試しに、img に display: inline を指定してみてはどうでしょう。
一覧へ戻る