Image block

[emran]

The following is the display code, the images are horizontally placed in one line, and there is no way that when the number exceeds the width of the unit, there is a horizontal lane of the wire.

 <style type="text/css"> 
 .images{position:relative; float:left}
 </style>

and

 <?php if (isset($filenames)) : ?>
 <?php foreach ($filenames as $k => $filename) : ?>
   <div id="images">
     <img src="<?php echo HOST . 'imagesCatalog/' . $filename ?>" 
      alt="" id="photo_mini_<?php echo $k ?>"class="photo_mini" />
   </div>
 <?php endforeach ?>
 <?php endif ?>

Added.

I've tried this, but the images are moving to another line and there's a vertical wire:

<div style="width:1024px;height:130px;overflow-x:scroll ">
<?php if (isset($filenames)) : ?>

<?php foreach ($filenames as $k => $filename) : ?>

<div style="position:relative;float:left; height:130px;white-space: no-wrap ">

<img src="<?php echo HOST . 'imagesCatalog/' . $filename ?>"

alt="" id="photo_mini_<?php echo $k ?>" class="photo_mini" />

</div>

<?php endforeach ?>

<?php endif ?>
</div>

[Duquan]

<div id="imagesStripe" style="overflow-x: scroll; white-space: no-wrap;"></div>

I'm gonna get killed overflow-x, but I don't think there's anything going on without him.