Изменение размера изображения зависит от разных изображений?

Question

У меня возникла проблема с отображением изображений того же размера, что и прямоугольник. У меня есть код ниже, который отображает изображение по умолчанию (если файл не загружен) в качестве красивого прямоугольника, который выглядит хорошо, однако, если я загружаю изображения, которые являются портретом или пейзажем, он полностью испортил размер изображения, а веб-сайт магазин? Вот исходный код:

<?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']; 


?> 

    <div class="col-sm-6 col-md-4"> 
    <div class="thumbnail"> 
     <img src="pageimg/<? echo $page_dp; ?>" alt="Page Image"> 
     <div class="caption"> 
     <h3><? echo $page_name; ?></h3> 
     <div class="progress"> 
    <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width: 10%">10% 
    <span class="sr-only">10% Complete (success)</span> 
    </div> 
</div> 
     <p><b>£100.00</b> Target | <b>£10.00</b> Raised</p> 
     Here is a little info about this current topic, please help us raise more than we can! We need your help! 
     <p><a href="#" class="btn btn-success" role="button">Donate Now</a> <a href="#" class="btn btn-default" role="button">Details</a></p> 
     </div> 
    </div> 
    </div> 



<? 
} 


mysqli_close($mysqli); 
?> 

Я попытался это:

<img src="pageimg/<? echo $page_dp; ?>" alt="Page Image" width="618" height="413"> 

И попытался добавить высоту и ширину стили в CSS коды, но ничего не похоже на работу? Есть идеи? Вот пример веб-страницы, чтобы показать, что я имею в виду ...

http://fundfeeder.co.uk/pages.php 

В верхней части, где я пытаюсь изменить, но нижняя часть, как это должно быть выстроены идеально?

Answer 1

Заменить:

<img src="pageimg/<? echo $page_dp; ?>" alt="Page Image"> 

С:

<img src="pageimg/<? echo $page_dp; ?>" class="pageImage" alt="Page Image"> 

И добавить следующее к CSS файлов:

.pageImage { 
    width: 348px; 
    height: 233px; 
} 

Или, если вы предпочитаете делать это рядный:

<img src="pageimg/<? echo $page_dp; ?>" style="width:348px;height:233px;" alt="Page Image">