1

漫画のウェブサイトを構築していますが、画像を希望どおりに配置するのに問題があります。

私はこれに行きます:

  • こんな漫画を一列に並べようとしています(青)

ここに画像の説明を入力してください

しかし、すべての画像が互いに重なり合っています。

ここに画像の説明を入力してください

私のCSSは正しいと思いました...

*{
 margin: 0;
 padding: 0;
 }


 body {
background: gray;
text-align: center;
 }

 #wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
background: white;
 }


 #comics {
/*top, right, bottom, left*/
margin: 50px 100px 50px 100px;
 }

 .comicBG {
position: absolute;
border: 1px dotted black;
background: #99FF33;
padding: 25px;
  }

PHP:

 echo   '<td>';
 echo   '<span class="comicBG"><a href="./templates/viewcomic.php?id=' . $row['imgid'] .  '">
 <img src="' . $thumbpath.$row['imgthumb'] . '"/></a>' . 
 '<br /><a href="./templates/viewcomic.php?id=' . $row['imgid'] .  '">' .     $row['imgtitle'] . '</a></span>';
 echo   '</td>';

個々のデータ要素(画像など)を配置するための最良の方法を知っている人はいますか?テーブルを使用する必要がありますか、それともリストを使用する必要がありますか?

ありがとう!

4

1 に答える 1

4

不規則なリストを使用します。また、位置を絶対に設定し、座標を設定していないため、すべての画像が同じ場所に表示されます。

position:absoluteを削除すると、画像が行に表示されます。また、unordererリストを使用する場合は、liを左側にフロートさせることができます。

于 2012-10-21T16:20:33.910 に答える