хоризонтална подредба?

[toretic]

Имам галерия, която ми показва тъмбнейли с връзки към страници с картинки. Обаче ми ги показва в една вертикална лента. Как да направя така, че да ми ги показва хоризонтално до ограничението на страницата след което да започва новия ред и така да показва всичките 24 картинки.

Ето кода.

{
				$i = 0;
				foreach ($pictures as $k=>$v)
				{
					$v = array_map("stripslashes", $v);
					echo ($i && $i % $per_pictures == 0) ? "" : "";
					echo "<div style='background-color:#f0f0f0; width:100px; text-align:center; border:1px solid #000000; padding-top:5px;'>
					
						<a href='?module=pictures&u={$v['universe_id']}&c={$v['category_id']}&p={$v['content_id']}'>
							<img border='1' width='90' height='100' src='".$pObj->m_StoreUrl."small_{$v['content_id']}.{$v['content_logo']}'>
							
							{$v['content_name']}	
						</a></div><br />
					";
					$i++;
				}
			}

Благодаря!

 

[Soul_Stealler]

{
            $i = 0;
            foreach ($pictures as $k=>$v)
            {
               $v = array_map("stripslashes", $v);
               echo ($i && $i % $per_pictures == 0) ? "" : "";
               echo "<div style='float:left;background-color:#f0f0f0; width:100px; text-align:center; border:1px solid #000000; padding-top:5px;'>
               
                  <a href='?module=pictures&u={$v['universe_id']}&c={$v['category_id']}&p={$v['content_id']}'>
                     <img border='1' width='90' height='100' src='".$pObj->m_StoreUrl."small_{$v['content_id']}.{$v['content_logo']}'>
                     
                     {$v['content_name']}   
                  </a></div>
               ";
               $i++;
            }
echo '<div style="clear:both;"></div>';
         }

пробвай така