Databases
StackOverflow2013
Postsdbo
PONeed help displaying children lists without spacing the parent lists
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PONeed help displaying children lists without spacing the parent lists
    text
    copied!<p>I am printing out a list of college majors we offer, then within each major, we have concentrations for each major.</p> <p>Our Science Major has the following concentrations: Environmental Science &amp; Forestry, Chiropractic, Chemistry, Biology</p> <p>Here is a screen shot of what it is doing: <a href="http://i38.tinypic.com/28r2vk7.jpg" rel="nofollow noreferrer">alt text http://i38.tinypic.com/28r2vk7.jpg</a></p> <p>I do not want the spacing it displays (I do not want the spacing you see after Human Resource Management AAS and after Psychology.) in the screen shot, any help is appreciated.</p> <p>The source would look like this:</p> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-css lang-css prettyprint-override"><code>.col-middle .majors-list li { list-style-type: none; width: 50%; float: left; margin-bottom: 2px; } .col-middle ul.majors-list { margin-left: 0; } .col-middle ul.concentrations-list { overflow: auto; } .col-middle .concentrations-list li { float: none; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul class="majors-list"&gt; &lt;li&gt;Major &lt;ul class="concentrations-list"&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;Major &lt;ul class="concentrations-list"&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;Major &lt;ul class="concentrations-list"&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;Major &lt;ul class="concentrations-list"&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;li&gt;Concentration Item&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt;</code></pre> </div> </div> </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