Need to get rid of the magical white space

[wiseboss]

So I've centered 2 images inside a wrapper; and this is what i get... (view image)

[davej]

Try...

*{margin:0;padding:0;}

[wiseboss]

 

Try...

*{margin:0;padding:0;}

 

Forgot to mention that I've all ready tried all those "methods"

margin 0 and padding 0 don't work either

[dsonesuk]

inline-block has habit of adding space for elements that are stacked

<img src="pic1.jpg" alt="">

<img src="pic2.jpg" alt="">

it treats the newline/linebreak that make the elements stack as a space, which same size as font used for that element.

fixes include not stacking

<img src="pic1.jpg" alt=""><img src="pic2.jpg" alt="">

setting font-size:0; or floating the elements.

 

Edit: one more thing id reference MUST be unique within the page.

Edited October 13, 2013 by dsonesuk

[wiseboss]

inline-block has habit of adding space for elements that are stacked

<img src="pic1.jpg" alt="">

<img src="pic2.jpg" alt="">

it treats the newline/linebreak that make the elements stack as a space, which same size as font used for that element.

fixes include not stacking

<img src="pic1.jpg" alt=""><img src="pic2.jpg" alt="">

setting font-size:0; or floating the elements.

 

Edit: one more thing id reference MUST be unique within the page.

Thanks!!! worked out fine.

used the 0 font size on the parent div

Edited October 13, 2013 by wiseboss

[lovewebdesign]

What a weirdo... Learn a lot from this problem...