Jump to content

Image Aligning


Omid

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.
Link to comment
https://forums.phpfreaks.com/topic/3644-image-aligning/
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.
Link to comment
https://forums.phpfreaks.com/topic/3644-image-aligning/#findComment-12707
Share on other sites

Archived

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

×
×
  • Create New...

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.