StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Sounds like you are probably talking about this example: <a href="http://www.sencha.com/examples-2/#listview" rel="nofollow">http://www.sencha.com/examples-2/#listview</a></p> <p>(images available at this post, another incarnation of the same question <a href="http://www.sencha.com/forum/showthread.php?257343-ListView-Template" rel="nofollow">http://www.sencha.com/forum/showthread.php?257343-ListView-Template</a>)</p> <p>In the template you are using, you reference the css classes <code>thumb</code> and <code>thumb-wrap</code>. These are not just strings added to the html structure, they have meaning in the CSS on the page. Here are some selected bits according to firebug that apply here:</p> <pre><code>#images-view .thumb-wrap { border: 1px solid white; float: left; margin: 4px 0 4px 4px; padding: 5px; } #images-view .thumb { background: none repeat scroll 0 0 #DDDDDD; padding: 3px; } </code></pre> <p>These rules describe how to style elements with the <code>thumb</code> and <code>thumb-wrap</code> <em>classes</em> when placed inside a container with the <code>images-view</code> <em>id</em>. You have the id set elsewhere in your code, but if you want to remove that, you may be able to simplify these rules.</p> <p>The <code>float:left;</code> style is specifically what is causing them to line up left-to-right, then top-to-bottom. It is up to you of course what other styling you want to use, but if these rules aren't in a CSS file on your page, those elements won't be styled by them.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload