Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>To remove all whitespace between images like you want, <code>float</code> won't work. You could create three <em>column</em> <code>&lt;div&gt;</code> tags and place your images within those columns. For instance, if you want three columns:</p> <p>HTML:</p> <pre><code>&lt;div class="imgCol"&gt; &lt;!-- every third image --&gt; &lt;/div&gt; &lt;div class="imgCol"&gt; &lt;!-- every third image --&gt; &lt;/div&gt; &lt;div class="imgCol"&gt; &lt;!-- every third image --&gt; &lt;/div&gt; </code></pre> <p>Then, add <code>float: left;</code> to the CSS for your column class (in this case <code>.imgCol</code>) and ensure the widths and margins are such that the columns appear side by side and no float drop occurs.</p> <p>Here's a demo: <strong><a href="http://jsfiddle.net/yLRWK/" rel="nofollow">http://jsfiddle.net/yLRWK/</a></strong></p> <p>For your particular situation, you could implement this as follows. I don't code in ASP.net, so there is some pseudocode thrown in</p> <pre><code>&lt;div class="Forum"&gt; &lt;p&gt;The Forum&lt;/p&gt; &lt;div class="imgCol"&gt; /* create counter = 0 */ @foreach (var item in Model) { /* if counter % 3 == 0, then write img tag */ &lt;img src="@item.Blog.Image.img_path" alt="Not Found" /&gt; /* counter++ */ } &lt;/div&gt; &lt;div class="imgCol"&gt; /* create counter = 0 */ @foreach (var item in Model) { /* if counter % 3 == 1, then write img tag */ &lt;img src="@item.Blog.Image.img_path" alt="Not Found" /&gt; /* counter++ */ } &lt;/div&gt; &lt;div class="imgCol"&gt; /* create counter = 0 */ @foreach (var item in Model) { /* if counter % 3 == 2, then write img tag */ &lt;img src="@item.Blog.Image.img_path" alt="Not Found" /&gt; /* counter++ */ } &lt;/div&gt; &lt;/div&gt; </code></pre> <p>There may be a better solution that does not require looping through the images three times, but that is best left to someone that better knows ASP.net</p>
    singulars
    1. This table or related slice is empty.
    1. POLine up nested div tags
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USjackwanders
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POLine up nested div tags
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COThis worked well! I updated my question with what I did. I love that demo site btw. Thanks again
      singulars
      1. PO
      1. USdright
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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