2枚のサムネイルは、UL LIを使用しているコラムロールではなく、お互いに積み重なっています。

Question

私は2枚のサムネイルimgを 'ul'の下の 'li'に入れましたが、ロール、横並び。以下は、htmlの構造である：

<div id="printGallery"> 
     <ul><li> 
      <a href="Pics/PrintsImages/target.jpg" title="Target magazine concept design." border="0"> 
      <img src="Pics/PrintsImages/targetMini.jpg" alt="targetMini" width="45" height="45" border="0" /></a> 
      </li> 
      <li> 
      <a href="Pics/PrintsImages/Interra.jpg" title="Target magazine concept design." border="0"> 
      <img src="Pics/PrintsImages/InterraMini.jpg" alt="InterraMini" width="45" height="45" border="0" /></a> 
      </li> 

     </ul> 

そして、以下は私のCSSスタイルです：

 #printGallery ul { list-style: none; position: fixed; } 
     #printGallery ul li { display:inline; } 
     #printGallery ul img { 
        border: 2px solid #afd2e2; 
        border-width: 2px 2px 8px; 
        margin-top: 90px; 
        margin-left: 190px; 
     } 
     #printGallery ul a:hover img { 
        border: 2px solid #c7c8c9; 
        border-width: 2px 2px 8px; 
        color: #fff; 
     } 
     #printGallery ul a:hover { color: #c7c8c9; } 
</style> 

私はフロート右を使用しても、単に他のサムネイルを移動するには、「printGallery UL IMG IMG」を追加することが、試してみました何も起こりません。助けてください。

Answer 1

あなただけのすべてだ

#printGallery li { float: left } 

する必要があります。