3 replies [Last post]
biltong
biltong's picture
User offline. Last seen 2 years 51 weeks ago. Offline
newbie
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
User offline. Last seen 14 weeks 5 days ago. Offline
rank Elder
Elder
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
User offline. Last seen 2 days 15 hours ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2005-11-20
Posts: 4416
Points: 1835

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
biltong's picture
User offline. Last seen 2 years 51 weeks ago. Offline
newbie
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.