Jump to content

Archived

This topic is now archived and is closed to further replies.

Omid

Image Aligning

Recommended Posts

Hi,
[a href=\"http://www.###.com/pictures.php\" target=\"_blank\"]http://www.###.com/pictures.php[/a]
if you take a look at this page, you'll see that the images are aligned vertically. I want to have these images aligned horizontally within the div, without using the float script. any help would be appreciated.

Share this post


Link to post
Share on other sites
hi again,
sorry i think i was not specific on my question
here's my code:
[!--quoteo--][div class=\'quotetop\']QUOTE[/div][div class=\'quotemain\'][!--quotec--] <div style="width:700px;">
     <?php
       foreach (glob("picture_library/*.jpg") as $filename) {
           if (filesize($filename) > 0) {
               $image = exif_thumbnail($filename, $width, $height, $type);
               if ($image === false)
                   list($image, $type, $width, $height) = makethumb($filename);
                  $width = 100;
               $height = 100;
                  echo '<a class=pic href="' . $filename .
                   '"><img style="width:' . $width . '" src="' . $filename . '" width="' .
                   $width . '" height="' . $height . '"></a>'."\n";
           }
       }

   function makethumb($fn,$rt=true)
   {
       $w = 100;
       $h = 100;
       list($ow, $oh, $type, $attr) = getimagesize($fn);
       if ($ow < $oh) {
           $w = 100;
           $h = 100;
       }
       $tn = imagecreatetruecolor($w, $h);
       $img = imagecreatefromjpeg($fn);
       imagecopyresampled($tn, $img, 0, 0, 0, 0, $w, $h, $ow, $oh);
       if ($rt) {
           return (array($tn, $type, $w, $h));
       } else {
              header('Content-type: ' .image_type_to_mime_type($type));
           imagejpeg($tn);
       }
   }
?><br>
</div>
</div>
<div class="Bottom"> Copyright 2005 - 2006 ### Ltd. All rights reserved. </div>
</center>
</body>[/quote]
this code views all my images in the picture_library folder. I used to float: left; code in my style sheet and that aligned the images horizontally, but the problem with that was, in firefox, the pictures were not in the div. It's not easy to explain so i'll give you a link so you can check it out if you have firefox:
with float:left; style: [a href=\"http://www.###.com/pictures2.php\" target=\"_blank\"]http://www.###.com/pictures2.php[/a]
without style:[a href=\"http://www.###.com/pictures.php\" target=\"_blank\"]http://www.###.com/pictures.php[/a]

Any help about this would be really appreciated.

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.