আমি একটি নির্দিষ্ট আকার ডিভের মধ্যে একটি চিত্র ফিট করার চেষ্টা করছি। দুর্ভাগ্যক্রমে, চিত্রটি এটি অনুসারে নয় এবং পরিবর্তে আনুপাতিকভাবে এমন আকারে সঙ্কুচিত হয় যা যথেষ্ট বড় নয়। আমি নিশ্চিত নই যে চিত্রটির অভ্যন্তরে ফিট করার পক্ষে সবচেয়ে ভাল উপায় কী।
যদি এটি পর্যাপ্ত কোড না হয় তবে আমি আরও সরবরাহ করতে পেরে খুশি হব এবং আমি যে সমস্ত ত্রুটি উপেক্ষা করছি তা ঠিক করার জন্য আমি উন্মুক্ত।
এইচটিএমএল এখানে
<div class="span3 top1">
<div class="row">
<div class="span3 food1">
<img src="images/food1.jpg" alt="">
</div>
</div>
<div class="row">
<div class="span3 name1">
heres the name
</div>
</div>
<div class="row">
<div class="span3 description1">
heres where i describe and say "read more"
</div>
</div>
</div>
আমার সিএসএস
.top1{
height:390px;
background-color:#FFFFFF;
margin-top:10px;
}
.food1{
background-color:#000000;
height:230px;
}
.name1{
background-color:#555555;
height:90px;
}
.description1{
background-color:#777777;
height:70px;
}