How can I increase the spacing between my fields?
This is a problem that shows up most obviously in IE. Safari and Firefox don't display it, but IE is an irritant.
The problem is that my fields have no space between them. I've attempted to adjust the padding and border-spacing of the table and the cell, but to no avail.
What am I missing?
The page in question is http://muscularchristianityonline.com/campus/student_profile.php.
My stylesheet is at http://www.muscularchristianityonline.com/campus/stylesheet.css and the html is what you see in the source code.
What do you think?
The problem is that my fields have no space between them. I've attempted to adjust the padding and border-spacing of the table and the cell, but to no avail.
What am I missing?
The page in question is http://muscularchristianityonline.com/campus/student_profile.php.
My stylesheet is at http://www.muscularchristianityonline.com/campus/stylesheet.css and the html is what you see in the source code.
What do you think?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
I am just about to sign off and will have to take a look. Sometimes it is another issue that causes that error.
Viewing your source, let's start on line 36.
It looks like this
It is kind of hard to spot the error at first, but let's indent your code. Now see if you can spot the error here. Forget about " <BR>" for now, that is not so much an error as not needed or compensating for something else.
Your hint is you need to close everything in the same order it was opened. I do think you have become confused with this table layout. You would be much better off using your tables to display tabular data and instead use a grid system to manage your content. Once you find the error here, go back to the validator and keep pasting your code in (or supply url). I wouldn't be so worried about missing alt tag's html that is out of order or not closing a tag needs to be fixed. Sometimes, fixing one error has s domino effect and fixes others as well.
It looks like this
<table class="body">
<tr>
<td class="body"> <BR>
<table class="content">
<tr>
<td class="header">
<table class="login">
<tr>
<td style="width:425px; height:23px; vertical-align:center;">
<form action="student_validate_header.php" method="Post" style="display:inline; padding:0;"><input type="text" size="23" class="login" name="email" value="email">
<input type="password" size="23" class="login" name="password" value="password">
<input type="image" src="images/login.png" border="0" name="submit" style="vertical-align:middle;"></form></td>
<td>
<IMG SRC="images/spacer.gif" width="325" height="23">
</td>
<td background="images/spacer.gif" width="175" height="23" style="vertical-align:top;">
<table style="padding:0px; border-spacing:0; border-collapse:collapse; background-color:#ffffff;"><form action="search.php" method="Post" style="display:inline; margin:0;">
<tr>
<td>
<input type="text" name="search" size="23" value="" style='border:0px; height:18px'>
</td>
<td style="vertical-align:top;">
<input type="image" src="images/search_icon.png" border="0" name="submit">
</td>
</tr>
</table></form>
</td>
</tr>
</table>It is kind of hard to spot the error at first, but let's indent your code. Now see if you can spot the error here. Forget about " <BR>" for now, that is not so much an error as not needed or compensating for something else.
Your hint is you need to close everything in the same order it was opened. I do think you have become confused with this table layout. You would be much better off using your tables to display tabular data and instead use a grid system to manage your content. Once you find the error here, go back to the validator and keep pasting your code in (or supply url). I wouldn't be so worried about missing alt tag's html that is out of order or not closing a tag needs to be fixed. Sometimes, fixing one error has s domino effect and fixes others as well.
<table class="body">
<tr>
<td class="body"> <BR>
<table class="content">
<tr>
<td class="header">
<table class="login">
<tr>
<td style="width:425px; height:23px; vertical-align:center;">
<form action="student_validate_header.php" method="Post" style="display:inline; padding:0;">
<input type="text" size="23" class="login" name="email" value="email">
<input type="password" size="23" class="login" name="password" value="password">
<input type="image" src="images/login.png" border="0" name="submit" style="vertical-align:middle;">
</form>
</td>
<td>
<IMG SRC="images/spacer.gif" width="325" height="23">
</td>
<td background="images/spacer.gif" width="175" height="23" style="vertical-align:top;">
<table style="padding:0px; border-spacing:0; border-collapse:collapse; background-color:#ffffff;">
<form action="search.php" method="Post" style="display:inline; margin:0;">
<tr>
<td>
<input type="text" name="search" size="23" value="" style='border:0px; height:18px'>
</td>
<td style="vertical-align:top;">
<input type="image" src="images/search_icon.png" border="0" name="submit">
</td>
</tr>
</table>
</form><!-- Where should this be closed -->
</td>
</tr>
</table>
ASKER