Jump to content


Photo

Image Aligning


  • Please log in to reply
2 replies to this topic

#1 Omid

Omid
  • Members
  • Pip
  • Newbie
  • 6 posts

Posted 26 February 2006 - 09:47 PM

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.

#2 dig412

dig412
  • Members
  • Pip
  • Newbie
  • 6 posts

Posted 26 February 2006 - 09:50 PM

just take out the <BR> or the code that generates it.

#3 Omid

Omid
  • Members
  • Pip
  • Newbie
  • 6 posts

Posted 27 February 2006 - 12:51 PM

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.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users