Databases
StackOverflow2013
Postsdbo
POHow to reduce amount of space between lines of text
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to reduce amount of space between lines of text
    primarykey
    data
    text
    <p>In fiddle I'm attempting to reduce the amount of space between each sentence in each question option (options are the blue text):</p> <p><a href="http://jsfiddle.net/25LjE/79/" rel="nofollow">http://jsfiddle.net/25LjE/79/</a></p> <p>I'm reducing the height of class <code>pds-answer-group</code> using the <code>line-height</code> property : </p> <pre><code>.pds-answer-group { padding-top:1px !important; padding-bottom:1px !important; margin-top:1px !important; margin-bottom:1px !important; height:auto; overflow:hidden; line-height:50%; } </code></pre> <p>But the amount of space between the lines is not being reduced. How can the CSS be updated to reduce the amount of space between each line of text for the question options?</p> <p>CSS behind the fiddle:</p> <pre><code>.pds-question-top { font-size:10pt !important; padding-top:1px !important; padding-bottom:1px !important; margin-top:1px !important; margin-bottom:1px !important; } .pds-pd-link, .pds-comments { display:none !important; } .pds-box { width:220px !important; } .pds-input-label { width:85% !important; } .PDS_Poll { margin-bottom:15px; } .pds-answer-span { color:#00f; } .pds-vote { background-color:#424242; } .pds-answer-text { color:#00f; padding-top:1px !important; padding-bottom:1px !important; margin-top:1px !important; margin-bottom:1px !important; } .pds-answer-feedback { padding-top:1px !important; padding-bottom:1px !important; margin-top:1px !important; margin-bottom:1px !important; } .pds-votebutton-outer { text-align:center; } .pds-answer-group { padding-top:1px !important; padding-bottom:1px !important; margin-top:1px !important; margin-bottom:1px !important; height:auto; overflow:hidden; } .pds-input-label,.pds-answer-input { float:left; } .pds-view-results,.pds-links { color:#FFF !important; padding-top:1px !important; padding-bottom:1px !important; margin-top:1px !important; margin-bottom:1px !important; } .pds-comments,.pds-return-poll { color:#FFF !important; } .pds-links { display: inline !important; } .pds-pd-link { display: none !important; } .pds-box { width: 220px !important; } .pds-input-label{ width: auto! important; } .PDS_Poll{ margin-bottom:15px; } .pds-question-top {padding:0 !important} </code></pre> <p>HTML behind the fiddle: </p> <pre><code>&lt;script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"&gt;&lt;/script&gt; &lt;noscript&gt;&lt;a href="http://polldaddy.com/poll/6352993/"&gt;This is very long test question to test how polldaddy handles questions that exceed that normal length............ yes a very long question indeed..............&lt;/a&gt;&lt;/noscript&gt; $(document).ready(function() { $('.pds-question-inner').prepend('&lt;span style="color:red;font-weight:bold;font-size: 15px;float:left"&gt;Header&lt;/span&gt;'); }); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJSW189
    1. USuser701254
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to reduce amount of space between lines of text
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    1. COChange `line-height`
      singulars
      1. POHow to reduce amount of space between lines of text
      1. USjezza-tan
    2. CO@Andrew Peacock thats what ive tried but it does;nt seem to work in this case
      singulars
      1. POHow to reduce amount of space between lines of text
      1. USuser701254
    3. COBefore doing anything else, clean that code up, it will keep causing you problems ahead, trust me. Overwriting styling in general, and overwriting styling using !important in particular is not a sustainable solution. An example: you assign spans the class of .pds-answer-group, which is then overwritten by this selector styling the parent of the span: "#PDI_container6352993 .pds-answer label" - this keeps your code complicated and hard to reuse. Redo and do it right :)
      singulars
      1. POHow to reduce amount of space between lines of text
      1. USHenrik Andersson
 

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