problema css, imagenes en vertical en consulta BD

[pablobuitres]

hola amigos les traigo un problema en una consulta php-mysql esta se imprime ne forma vertical esoty trabajando con imagenes. posteé en php y me aconsejaron que viniera por aca con el código de fuente generado.
explico un poco es una pagina que quiere ser una galeria e videos donde se llama a la Bd y devuelve una miniatura que al posar el mouse cambia de imagenes, el tema es que todas las imagenes se ven una debajo de la otra y no de forma horizontal, la idea es que se muestren unas 4 o tal vez 5 imagenes por linea y que las otra se imrpiman en la liena de abajo de la misma forma. desde yua muchas gracias!

Código CSS:

<script type="text/javascript">  var slideactive = new Array();
      var originalthumbs = new Array();
      var preloaded = new Array();
      var videothumbs= new Array();
 
      function startslideshow(downloadid)
      {
         slideactive[downloadid] = true;
         originalthumbs[downloadid] = new Image(); originalthumbs[downloadid].src = document.getElementById('img_' + downloadid).src; if (!preloaded[downloadid + '_1'])
         { preloaded[downloadid + '_1'] = new Image();
           preloaded[downloadid + '_1'].src = videothumbs[downloadid + '_1'];
         }
         setTimeout("slider('" + downloadid + "',1)",300);
      }
 
      function stopslideshow(downloadid)
      {
         slideactive[downloadid] = false;
      }
 
 
      function slider(downloadid,i)
      {
        if(slideactive[downloadid])
        {
         document.getElementById('img_' + downloadid).src = videothumbs[downloadid + '_' + i];
         i=i+1;
         if (i == 9)
         {
           i=1;
         }
         setTimeout("slider('" + downloadid + "'," + i + ")",700);
         if (!preloaded[downloadid + '_' + i])
         {
           preloaded[downloadid + '_' + i] = new Image();
           preloaded[downloadid + '_' + i].src = videothumbs[downloadid + '_' + i];
         }
        }
        else
        {
         document.getElementById('img_' + downloadid).src = originalthumbs[downloadid].src;
        }
      }
 
      function watchvideo(downloadid)
      {
        location.href='mega2videos.php?v=' + downloadid;
      }
 
      </script>   <div class="bl_thumb_fl1"><div style="font-family:arial; font-size:20px; padding-top:100px; padding-left:2px;}">
 
       </div>
             </div>
            </div>
 
 
 
 
                  <script type="text/javascript">    videothumbs['1_1'] = 'http://img01.0000000.com/_thumbs/0000000/0000001/0000001_001m.jpg';   videothumbs['1_2'] = 'http://img01.0000000.com/_thumbs/0000000/0000001/0000001_002m.jpg';   videothumbs['1_3'] = 'http://img01.0000000.com/_thumbs/0000000/0000001/0000001_003m.jpg';   videothumbs['1_4'] = 'http://img01.0000000.com/_thumbs/0000000/0000001/0000001_004m.jpg';   videothumbs['1_5'] = 'http://img01.0000000.com/_thumbs/0000000/0000001/0000001_005m.jpg';   videothumbs['1_6'] = 'http://img01.0000000.com/_thumbs/0000000/0000001/0000001_006m.jpg';   videothumbs['1_7'] = 'http://img01.0000000.com/_thumbs/0000000/0000001/0000001_007m.jpg';   videothumbs['1_8'] = 'http://img01.0000000.com/_thumbs/0000000/0000001/0000001_008m.jpg';   </script>   <div class="forms_div2" onclick="watchvideo('1');"><div class="bl_thumb_bg1">
              <div class="bl_thumb_pad1"> <div class="bl_thumb_pic1" onmouseover="startslideshow('1');" onmouseout="stopslideshow('1');">
                <div class="bl_thumb_pic2">
            <div style="position:absolute; z-index:500;"><img src="http://img01.0000000.com/_thumbs/0000000/0000001/0000001_008m.jpg" alt="" border="10" width="182" height="102" id="img_1"/></div>
                 <div class="bl_thumb_over1" style=" z-index:600;">
 
 
 
                  <div class="hd_indicator"></div>
              <a href="mega2videos.php?v=1" class="vid_link_layer"></a>
 
                 </div>
                </div>
               </div>
              </div>
              </div>
              <div class="bl_thumb_fl1">   <div class="bl_thumb_fl1"><div style="font-family:arial; font-size:20px; padding-top:100px; padding-left:2px;}">
 
       </div>
             </div>
            </div>
 
 
 
 
                  <script type="text/javascript">    videothumbs['2_1'] = 'http://img01.0000000.com/_thumbs/0000000/0000002/0000002_001m.jpg';   videothumbs['2_2'] = 'http://img01.0000000.com/_thumbs/0000000/0000002/0000002_002m.jpg';   videothumbs['2_3'] = 'http://img01.0000000.com/_thumbs/0000000/0000002/0000002_003m.jpg';   videothumbs['2_4'] = 'http://img01.0000000.com/_thumbs/0000000/0000002/0000002_004m.jpg';   videothumbs['2_5'] = 'http://img01.0000000.com/_thumbs/0000000/0000002/0000002_005m.jpg';   videothumbs['2_6'] = 'http://img01.0000000.com/_thumbs/0000000/0000002/0000002_006m.jpg';   videothumbs['2_7'] = 'http://img01.0000000.com/_thumbs/0000000/0000002/0000002_007m.jpg';   videothumbs['2_8'] = 'http://img01.0000000.com/_thumbs/0000000/0000002/0000002_008m.jpg';   </script>   <div class="forms_div2" onclick="watchvideo('2');"><div class="bl_thumb_bg1">
              <div class="bl_thumb_pad1"> <div class="bl_thumb_pic1" onmouseover="startslideshow('2');" onmouseout="stopslideshow('2');">
                <div class="bl_thumb_pic2">
            <div style="position:absolute; z-index:500;"><img src="http://img01.0000000.com/_thumbs/0000000/0000002/0000002_008m.jpg" alt="" border="10" width="182" height="102" id="img_2"/></div>
                 <div class="bl_thumb_over1" style=" z-index:600;">
 
 
 
                  <div class="hd_indicator"></div>
              <a href="mega2videos.php?v=2" class="vid_link_layer"></a>
 
                 </div>
                </div>
               </div>
              </div>
              </div>
              <div class="bl_thumb_fl1">   <div class="bl_thumb_fl1"><div style="font-family:arial; font-size:20px; padding-top:100px; padding-left:2px;}">
 
       </div>
             </div>
            </div>
 
 
 
 
 
 
 
                  <script type="text/javascript">    videothumbs['5_1'] = 'http://img01.0000000.com/_thumbs/0000000/0000005/0000005_001m.jpg';   videothumbs['5_2'] = 'http://img01.0000000.com/_thumbs/0000000/0000005/0000005_002m.jpg';   videothumbs['5_3'] = 'http://img01.0000000.com/_thumbs/0000000/0000005/0000005_003m.jpg';   videothumbs['5_4'] = 'http://img01.0000000.com/_thumbs/0000000/0000005/0000005_004m.jpg';   videothumbs['5_5'] = 'http://img01.0000000.com/_thumbs/0000000/0000005/0000005_005m.jpg';   videothumbs['5_6'] = 'http://img01.0000000.com/_thumbs/0000000/0000005/0000005_006m.jpg';   videothumbs['5_7'] = 'http://img01.0000000.com/_thumbs/0000000/0000005/0000005_007m.jpg';   videothumbs['5_8'] = 'http://img01.0000000.com/_thumbs/0000000/0000005/0000005_008m.jpg';   </script>   <div class="forms_div2" onclick="watchvideo('5');"><div class="bl_thumb_bg1">
              <div class="bl_thumb_pad1"> <div class="bl_thumb_pic1" onmouseover="startslideshow('5');" onmouseout="stopslideshow('5');">
                <div class="bl_thumb_pic2">
            <div style="position:absolute; z-index:500;"><img src="http://img01.0000000.com/_thumbs/0000000/0000005/0000005_008m.jpg" alt="" border="10" width="182" height="102" id="img_5"/></div>
                 <div class="bl_thumb_over1" style=" z-index:600;">
 
 
 
                  <div class="hd_indicator"></div>
              <a href="mega2videos.php?v=5" class="vid_link_layer"></a>
 
                 </div>
                </div>
               </div>
              </div>
              </div>
              <div class="bl_thumb_fl1">
 

silo creen necesario puedo postear el código php .

[C2am]

En realidad se necesita solamente el html y el css (el cual no muestras).
Si tienes un enlace también vale.

Suponiendo que pones cada imagen dentro de un div, simplemente fija un ancho y aplicale float:left.
Con esto tus imagenes se irán acomodando una al lado de la otra hasta que la suma de sus anchos sea igual o menor al ancho del div padre.

Saludos

[pablobuitres]

gracias amigo pero te cuento que soy muy novato en esto de css y probé hacer un <div id="miniatura"></div> de donde es llamada la imagen y puse antes en<style>#miniatura{

Código CSS:

height: 366px;
width: 488px;
float:left.;
}
</style>
 

pero no me funciona que podre estar haciendo mal?
muchas gracias!!