3 replies [Last post]
biltong
Offline
newbie
Last seen: 10 years 39 weeks ago
Joined: 2009-02-12
Posts: 2
Points: 0

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.

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 8 years 2 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

<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).

I'm no expert, but I fake one on teh Internets

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 2 years 17 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

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

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

biltong
Offline
newbie
Last seen: 10 years 39 weeks ago
Joined: 2009-02-12
Posts: 2
Points: 0

we recommend you sort out

Deuce wrote:

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.