css - Divs appearing outside of parent divs -
i've looked @ similar questions on issue, none of them seem address issue i'm having. right i'm trying display stylized list , have far more trouble feel should be.
there's fiddle here. want test snippet show next image.
this actual template html that's being used (mako):
% datum in data.entries: <a href="#"> <div class="result-container"> <div class="result-header"> <h1 class="result-title">${datum.data['display_name']}</h1> </div> <div class="result-body"> <div class="thumbnail-wrapper"> <div class="result-thumbnail"> <img class="thumbnail" src="${datum.thumbnail}" alt="${datum.data['display_name']}"></img> </div> </div> <div class="result-snippets"> <div class="snippet"> ${datum.snippets} </div> </div> </div> </div> </a> % endfor edit:
i realized didn't make clear enough updated fiddle , made comment, please note each of these elements in list same thing appear multiple times going down page. i'm looking work, not once, every list item.
how snippet show right of image. or better, why in first place?
change to
.thumbnail-wrapper { /* width: 285px; */ float:left; overflow:hidden; } update: updated fiddle change to
.result-container { margin: 0 auto; clear:both; }
Comments
Post a Comment