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
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
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • 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.