HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Alignment problems with table using Site studio 7.1
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
slhatton



Joined: 21 Dec 2007
Posts: 2

PostPosted: Fri Dec 21, 2007 5:00 pm     Alignment problems with table using Site studio 7.1 Reply with quote

I'm a complete novice using Site Studio 7.1. I used a table on my home page here: www.goofproofservices.com. How do I get rid of the space between the top of my table and the header of my page? Here's the html up to the first line of text of my table. Please let me know if you need more code...

<table border="1" cellpadding="1" cellspacing="1" width="100%"><tbody><tr><br><td bordercolor="#ffffff"><p style="text-align: center;"><strong><font size="5"><font face="Arial"><font size="4">Our goal is to keep your printed materials...
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1260
Location: Biloxi, MS

PostPosted: Sun Dec 23, 2007 1:45 pm     Reply with quote

Oh, my! I know you don't want to hear this and probably know this already, but tables are not for page layouts. They are to be used for tabular data within a page.

That said, you have over 121 coding errors in that page! The main one is no document type, which puts every browser that tries to parse the page in Quirks Mode. IE alone loads a table twice before it displays it and it will aways add margins and paddings where you don't want them (the reason for so many IE hacks).

Sometimes the use of the Universal Selector at the very top of your CSS page will help:

Code:
* { margin: 0; padding: 0; border: 0; }


This will usually set everything to zero before your styles take effect.

I would clean up the code errors first before trying to correct any layout problem as it will help immensely. Use the W3C.org's validator service for both HTML and CSS validation, too.

Ron
slhatton



Joined: 21 Dec 2007
Posts: 2

PostPosted: Sun Dec 23, 2007 7:48 pm     thank you Reply with quote

I know my code is a mess - I've done everything in a rich text editor - the result is this messy code. I used a table because I find the Site Studio template limiting and I haven't quite got the funds to hire someone to do up my web page.

I try your suggestions. I appreciate your help very much.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1260
Location: Biloxi, MS

PostPosted: Sun Dec 23, 2007 8:41 pm     Reply with quote

If I had the time, I would go through and do that page for you, but just can't spare the time right now. I'm keeping track of this topic, so if you get the code corrected before I can get to the page, just post here and I'll take another look. Might be that the code corrections will take care of your problem to a certain extent.

Merry Christmas.

Ron
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial