順序付きリストは正しく表示されませんか？

Question

link to image

順序付きリストは、このように見えるようになっている： link

EDIT：奇妙な、コードが...ここに正しく

<table width="1098"> <tr> 
<td width="479" height="147"><img src="NYPLogo.png" width="459" height="100" /></td> 
<td width="29" id = "name">Products</td> 
<td width="574">&nbsp;</td></tr> <tr> 
<td>&nbsp;</td> 
<td colspan="2"><div id = "words">Announcements<br /> 
    <br /> 
    GSM Registrration Round 1 : xx-Apr-2011 to xx-Apr-2011<br /> 
    <br /> 
GSM Registration Round 2: xx-Apr-2011 to xx-Apr-2011<br /> 
<br /> 
<ul id = "courselist"> 
<li><img src = "NYPLogo.png" alt = "" width= "200" height="44" /></li> 
<li><img src = "NYPLogo.png" alt = "" width= "200" height="43" /></li> 
<li><img src = "NYPLogo.png" alt = "" width= "200" height="41" /></li> 
<li><img src = "NYPLogo.png" alt = "" width= "200" /></li> 
</ul> 
</div>  
    <p><br /> 
</p></td> </tr></table> 

Answer 1

liを表示するように設定してみてください。そうですね：

#courselist li{ 
display:inline; 
} 

こうして、新しい行ではなく隣り合わせに表示されます。代わりのdivブロックを浮動してみてください、3x2のレイアウトを取得するには、テーブルを使用しての

Answer 2

は表示されません最後の画像はありませんがあります指定された高さですか？私はあなたが画像を整列させたいと思う？

Answer 3

：

 
    <style> 
    .box{ float:left; height:100px; width:100px; 
    </style> 
    <div class=box>box 1</div> 
    <div class=box>box 2</div> 
    <div class=box>box 3</div> 
     <br> 
    <div class=box>box 4</div> 
    <div class=box>box 5</div> 
    <div class=box>box 6</div> 
>/pre< 

Answer 4

表示：インライン;幅と高さの変数は無視されます。 display：inline-blockを使う必要があります。代わりに。

私はあなたのために簡単なフィドルを作成しました。あなたはそのアイデアを得るでしょう。 http://jsfiddle.net/hobobne/gq9e8/