Any help would really be appreciated.
I've spent ages looking at this, trying various different things and cannot get rid of the white gap between the logo image and right hand image in the header on this site: http://www.concerti-consulting.com/index.php. For some reason the 'keyboard' image is shifted slightly to the right. I use Firebug to inspect the elements, css styling etc. and am stumped.
It does not appear with Firefox.
Thanks.
<span class="right"> <table
Tables are blocks. Spans are inlines. Inlines are like water. Blocks are like buckets. Buckets can hold water, but water cannot hold a bucket. Even if you turn that inline into a block via CSS... it's still actually an inline.
Second, isn't that span positioned absolutely?
Third, I don't have IE with me right now, but could this be 3-pixel jog? (usually with a float on one side and static, not abso-po'd stuff on the other side but who knows, maybe what I saw gets overridden later).
we recommend you sort out
we recommend you sort out your validation errors before trying to dig too hard
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.concerti-consulting.com%2Findex.php
we recommend you sort out
we recommend you sort out your validation errors before trying to dig too hard
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.concerti-consulting.com%2Findex.php
Thanks for the advice, I have fixed the errors and it now passes. This is something I didn't bother doing in the past and will bear in mind now!
I have resolved the problem by converting the first image from an tag in the php (html) to a background image in a div in the css and removing the position:absolute from the class used by the second image display. Not sure why I used absolute in the first place. Also added float:right to this class to position the image on the far right of the container, needed now because the first image isn't there anymore to push it to the right.
Thanks for your responses, Stomme poes and Deuce.