Anyone know why this table has spacing

**Kayla** · January 31st, 2007, 6:33 PM

I see spacing in Firefox

http://www.surpasshosting.com/servers.php

But when I view it locally on my computer there is no spacing between the images.

So it leads me to believe something in the CSS is causing this. But I am just..

H · January 31st, 2007, 7:20 PM

Ack.. can you point out the problem with a screenshot? I'm not positive exactly where it is. Then Firebug will come to the rescue when I get home.

**Kayla** · January 31st, 2007, 7:27 PM

It looks fine on my computer but putting it on the all CSS site makes the table unhappy.. as I can understand.

**Brandonnn** · January 31st, 2007, 7:29 PM

Quote:

Originally Posted by Kayla

I see spacing in Firefox

http://www.surpasshosting.com/servers.php

But when I view it locally on my computer there is no spacing between the images.

So it leads me to believe something in the CSS is causing this. But I am just..

I don't know grasshopa... it's very wierd... Did you find a css guru to help you?

**Kayla** · January 31st, 2007, 7:34 PM

No sir. They must be playing Viva Pinata and drinking cocoa with tiny, tiny marshmallows.

**Brandonnn** · January 31st, 2007, 7:38 PM

Quote:

Originally Posted by Kayla

drinking cocoa with tiny, tiny marshmallows.

i haven't done that in a while... shame on me.

H · January 31st, 2007, 8:34 PM

Wow.. that is messed up. Tables + images + css = bad.

I don't mean to be critical, but this is a really good time to point out a few in some uses of standards.

A) The page is using a XHTML 1.0 Strict doctype. Most of the code involving this problem is HTML 4, possibly not even valid. Note the uppercase attributes with no quotes surrounding the values.
B) A table is being used in a place it shouldn't be... this is a classic list scenario.
C) Navigational images are being used with no titles or alternate next. If you must use an image as a link, be absolutely sure to include the alt attribute with appropriate text. In the case of this, which is the desire to use a certain font, I'd consider sIFR.

I apologize for this rant, but this is a really good example of simple mistakes compounding into a small cosmetic issue, but a cosmetic issue nonetheless.

**Kayla** · January 31st, 2007, 8:38 PM

Quote:

Originally Posted by Kayla

It looks fine on my computer but putting it on the all CSS site makes the table unhappy.. as I can understand.

^ I know.. but I wanted to get something up quickly and see how it looked, I haven't went as far as titles, etc. because of the spacing issue. I wanted this to hold me off for a few days until I could redo it later. I did have a proper table up with lowercase letters, etc. but I kept reuploading it so much and just trying to figure out the spacing.

Now I will redo it CSS style..

H · January 31st, 2007, 9:17 PM

It's not so much CSS style as actually using standards and semantics. In a lot of cases the 'quick-n-dirty' takes longer than doing it properly in the first place.

January 31st, 2007, 6:33 PM	#1 (permalink)
Kayla Searcher Surpass Staff Joined in May 2003 Lives in Orlando 24,692 posts Gave thanks: 943 Thanked 806 times	Anyone know why this table has spacing I see spacing in Firefox http://www.surpasshosting.com/servers.php But when I view it locally on my computer there is no spacing between the images. So it leads me to believe something in the CSS is causing this. But I am just.. __________________ Follow Surpass on Twitter and Facebook Check out interesting finds on the Surpass Blog .... it's coming.

January 31st, 2007, 7:27 PM	#3 (permalink)
Kayla Searcher Surpass Staff Joined in May 2003 Lives in Orlando 24,692 posts Gave thanks: 943 Thanked 806 times	It looks fine on my computer but putting it on the all CSS site makes the table unhappy.. as I can understand. __________________ Follow Surpass on Twitter and Facebook Check out interesting finds on the Surpass Blog .... it's coming.

January 31st, 2007, 7:34 PM	#5 (permalink)
Kayla Searcher Surpass Staff Joined in May 2003 Lives in Orlando 24,692 posts Gave thanks: 943 Thanked 806 times	No sir. They must be playing Viva Pinata and drinking cocoa with tiny, tiny marshmallows. __________________ Follow Surpass on Twitter and Facebook Check out interesting finds on the Surpass Blog .... it's coming.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

January 31st, 2007, 7:20 PM	#2 (permalink)
H after g, before i Resident. Joined in Jul 2004 Lives in N,BC,CA 8,055 posts Gave thanks: 48 Thanked 129 times	Ack.. can you point out the problem with a screenshot? I'm not positive exactly where it is. Then Firebug will come to the rescue when I get home.

January 31st, 2007, 8:34 PM	#7 (permalink)
H after g, before i Resident. Joined in Jul 2004 Lives in N,BC,CA 8,055 posts Gave thanks: 48 Thanked 129 times	Wow.. that is messed up. Tables + images + css = bad. I don't mean to be critical, but this is a really good time to point out a few in some uses of standards. A) The page is using a XHTML 1.0 Strict doctype. Most of the code involving this problem is HTML 4, possibly not even valid. Note the uppercase attributes with no quotes surrounding the values. B) A table is being used in a place it shouldn't be... this is a classic list scenario. C) Navigational images are being used with no titles or alternate next. If you must use an image as a link, be absolutely sure to include the alt attribute with appropriate text. In the case of this, which is the desire to use a certain font, I'd consider sIFR. I apologize for this rant, but this is a really good example of simple mistakes compounding into a small cosmetic issue, but a cosmetic issue nonetheless.

January 31st, 2007, 9:17 PM	#9 (permalink)
H after g, before i Resident. Joined in Jul 2004 Lives in N,BC,CA 8,055 posts Gave thanks: 48 Thanked 129 times	It's not so much CSS style as actually using standards and semantics. In a lot of cases the 'quick-n-dirty' takes longer than doing it properly in the first place.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)