html5 - How can I reduce the gap between my content and header? -



html5 - How can I reduce the gap between my content and header? -

here's js fiddle of problem: http://bit.ly/zd8jau

i'm trying place header logo , centred title @ top of page. thought center title page , not within gap left right of logo, if makes sense?

so floated logo on top of title , altered position of logo shifting upwards (as otherwise insists on going beneath title). problem creates gap, cascades downwards page , i'd have somehow shift hight of logo, , don't want have that.

so there improve way logo positioned left of title without creating gaps anywhere , without causing off-set on text in title?

edit: updated fiddle clearer i'm trying achieve.

yes, consider using css background logo part of nav element, makes easier pad text , position image without interference.

html5 css3

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -