title: Re-sizing image differs on various images?
body: <p>I am having an issue with displaying images the same size as a rectangle. 
  I have the below code which displays the default image (if file isn't uploaded) as a nice rectangle which looks good, however if I upload images that are Portrait or landscape it totally messes up the image size and the website is all over the shop? Here is the original code : </p>
  
  <pre><code>&lt;?php
  
  
  $sql = "SELECT * FROM pages ORDER BY RAND() LIMIT 3";
  
  $result = mysqli_query($mysqli,$sql)or die(mysqli_error());
  
  while($row = mysqli_fetch_array($result)) {
      $page_name = $row['page_name'];
      $page_dp = $row['page_dp'];
  
  
  ?&gt;
  
    &lt;div class="col-sm-6 col-md-4"&gt;
      &lt;div class="thumbnail"&gt;
        &lt;img src="pageimg/&lt;? echo $page_dp; ?&gt;" alt="Page Image"&gt;
        &lt;div class="caption"&gt;
          &lt;h3&gt;&lt;? echo $page_name; ?&gt;&lt;/h3&gt;
          &lt;div class="progress"&gt;
    &lt;div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width: 10%"&gt;10%
      &lt;span class="sr-only"&gt;10% Complete (success)&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
          &lt;p&gt;&lt;b&gt;£100.00&lt;/b&gt; Target | &lt;b&gt;£10.00&lt;/b&gt; Raised&lt;/p&gt;
          Here is a little info about this current topic, please help us raise more than we can! We need your help!
          &lt;p&gt;&lt;a href="#" class="btn btn-success" role="button"&gt;Donate Now&lt;/a&gt; &lt;a href="#" class="btn btn-default" role="button"&gt;Details&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  
  
  &lt;?
  } 
  
  
  mysqli_close($mysqli);
  ?&gt; 
  </code></pre>
  
  <p>I've tried this:</p>
  
  <pre><code>&lt;img src="pageimg/&lt;? echo $page_dp; ?&gt;" alt="Page Image" width="618" height="413"&gt;
  </code></pre>
  
  <p>And tried adding height and width styles to the CSS codes but nothing seems to work? Any ideas? Here is an example of the webpage to show what I mean...</p>
  
  <pre><code>http://fundfeeder.co.uk/pages.php
  </code></pre>
  
  <p>The top section is where I am trying to edit but the bottom section is how it should be lined up perfectly? </p>