css - Can't set height on the thumbnail -
i using twitter bootstrap object thumbnail, , css bootstrap gives out. want set fixed height of 200px when change in .thumbnail in css nothing happens. thumbnail kind of responsive amount of text controls height
.thumbnail { height: 200px; display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
the strange thing wont work when put css height inline in html document works. don't want in html document.
<div class="span3"> <ul class="thumbnails"> <li class="span12"> <div class="thumbnail"> <img alt="@product.title" src="@product.thumbnailurl" /> <a href="@url.action("details", "store", new { id = product.productid })"> <span>@product.title</span> </a> <p>glutenfi våffla bakad utan kärlek.</p> </div> </li> </ul></div>
is there solution or .thumbnail child object inherites height source.
have tried lot of tricks know nothing working, appreciate help. thanks!
Comments
Post a Comment