Note that there are some explanatory texts on larger screens.

plurals
  1. POHow can I reduce space between elements in a fieldset
    primarykey
    data
    text
    <p>I am trying to recude the space between the label and elements in a fieldset and failing miserably. In the attached grab I have provided, I would like to recude the spacing between each new element and around the fieldset. For the life of me I cannot seem to find a way to do it. It displays fine with normal spacing in FF bit un IE8, it seems to be doubling the spacing. I would be gratful if someone could show me a way to achieve this. Thanks</p> <p>HTML</p> <pre><code> &lt;fieldset&gt; &lt;legend class="fld_company icon-right ui-state-default2 ui-corner-all"&gt;&lt;span class="ui-icon ui-icon-circle-plus"&gt;&lt;/span&gt;Select Company&lt;/legend&gt; &lt;div class="formMessage"&gt;Click again to open&lt;/div&gt; &lt;div class="fld_fld"&gt; &lt;dl&gt; &lt;dt&gt; &lt;label for="BA_customer"&gt;Select a Company:&lt;/label&gt; &lt;/dt&gt; &lt;dd&gt; &lt;select name="BA_customer" id="BA_customer"&gt; &lt;option SELECTED VALUE=""&gt;Select a Company&lt;/option&gt; &lt;?php do { ?&gt; &lt;option value="&lt;?php echo $row_Recordsetcust['customer']?&gt;"&gt;&lt;?php echo $row_Recordsetcust['customer']?&gt;&lt;/option&gt; &lt;?php } while ($row_Recordsetcust = mysql_fetch_assoc($Recordsetcust)); $rows = mysql_num_rows($Recordsetcust); if($rows &gt; 0) { mysql_data_seek($Recordsetcust, 0); $row_Recordsetcust = mysql_fetch_assoc($Recordsetcust); } ?&gt; &lt;/select&gt; &lt;/dd&gt; &lt;/dl&gt; &lt;!--- displays the address and dept from the change function --&gt; &lt;div id="BA_dept"&gt;&lt;/div&gt; &lt;div id="BA_address"&gt;&lt;/div&gt; &lt;/fieldset&gt; </code></pre> <p>CSS</p> <pre><code>legend { background:#00C621; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 -2px -8px; font-weight:bold; border:1px solid #f2f2e6; border-color:#e5e5c3 #e5e5c3 #666661 #e5e5c3; cursor: pointer; } legend.fld_company { width: 140px; } fieldset.action { background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:40px; } fieldset { background:#f2f2e6; border:1px solid #e5e5e5; border-color:#e5e5e5 #e5e5e5 #666661 #e5e5e5; margin:10px 0 36px 0; width:490px; display:block; text-height:10px; } </code></pre> <p><img src="https://i.stack.imgur.com/TZ6CE.png" alt="Reduce space between elements"></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    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. This table or related slice is empty.
 

Querying!

 
Guidance

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