Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS spacing problem. need fresh eyes.(should be easy)
    primarykey
    data
    text
    <p>okay so this minor yet MASSIVE annoyace is that, i have a site im working on, and a panel in particular is behaving oddly.</p> <p>i have a generic box div which will hold 2 images, one ontop of the other and i want absolutely no spacing inbetween them.</p> <p>problem is that no matter what i do, when on dev mode it behaves normally, but when i publish, i see space inbetween the images.</p> <p>normally, i dont set widths/height etc depending on what im doing but for this...its been SUCH the major pain that i declared heights on everything to make sure im not missing a few digits here or there, and still nothing.</p> <p>heres an example of what is happening. (on my server) <a href="http://somdowprod.net/4testing/erase" rel="nofollow">http://somdowprod.net/4testing/erase</a></p> <p>if you look there, theres about a 5px space between the pic on top and the tst pic on bottom no matter the browser (ff/ie/chrome) ...thing is behaving like tables.......</p> <p>heres the code for the inline css im testing/isolated: </p> <pre><code> &lt;style type="text/css"&gt; body{ margin:0px; padding:0px;} .nospacedammit{ margin:0px; padding:0px;} #portS_mainW{ width:400px; height:500px; padding:0px; margin:0px;} #portS_mainW img{ margin:0px; padding:0px; } &lt;/style&gt; </code></pre> <p>and heres the basic html for this panel:</p> <pre><code> &lt;div id="portS_mainW"&gt; &lt;span class="nospacedammit"&gt;&lt;img src="images/xrodemo.jpg" alt="xro" width="400" height="300"/&gt;&lt;/span&gt; &lt;span class="nospacedammit"&gt;&lt;img src="images/erase.png" alt="xro" width="400" height="200"/&gt;&lt;/span&gt; &lt;/div&gt; </code></pre> <p>ive added heights to make 100% sure about the #s, ive added margins/paddings to zero out on every element to again make sure theres no spacing.</p> <p>ive also wrapped each image in a span tag, then added an overall everything to zero style to it ....trying to force zero spacing in every way i can thing of. and still nothing.</p> <p>any ideas, insight i gladly appreciate.</p> <p>thank you in advance.</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