dimanche 10 mai 2015

center image in thumbnail

This is what I have (the images inside an anchor):
enter image description here
And I want that low res images will be centered like this: (edited with paint)
enter image description here

This is the razor view:

<div>
<div class="row">
    @foreach (var item in Model)
    {
        <div class="col-md-3 ">
            <div class="thumbnail centerThumb" style="height:345px; width:280px;margin-bottom:15px">
                <div style="height:125px; ">
                    <a href="@Url.Action("Details", "Items", new { id = item.ItemID})">
                        <img src="~/Content/thumbnails/@item.Img" alt="thmbnail" width="255" class="img-rounded centerThumb">
                    </a>
                </div>
                <div class="caption">
                    <h3>@Html.DisplayFor(modelItem => item.Name)</h3>
                    <p style="height:95px">@Html.DisplayFor(modelItem => item.Description)</p>
                    <p style="position:fixed">
                        <a href="#" class="btn btn-primary" role="button">Add to Cart</a>
                    </p>
                    <p style="margin-left:50%"> @Html.DisplayFor(modelItem => item.Price) </p>
                </div>
            </div>
        </div>
    }
</div>

Aucun commentaire:

Enregistrer un commentaire