If you look at the headings at <!-- m --><a class="postlink" href="http://mywebpages.comcast.net/designengineering">http://mywebpages.comcast.net/designengineering</a><!-- m --> and all other seven visited pages, you will see that the black headings in black (above the marron line) are too far above the marron line. I want to move the text a further down so it is just above the maroon line and on each page.<br />
<br />
Please help.<!--content-->Try doing this:<br />
<br />
<td valign="bottom" colspan="2" style="padding-top:10px;"><br />
<br />
If the gap is still too big increase the padding, if the gap is now too small decrease the padding.<!--content-->Attached is a sample of my homepage source code file up to padding. It is not making a difference.<br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br />
<html lang="en"><br />
<head><br />
<title>MISSION STATEMENT</title><br />
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"><br />
<link href=http://www.webdeveloper.com/forum/archive/index.php/"styles.css" type="text/css" rel="stylesheet"><br />
</head><br />
<body><br />
<div align="left"> <br />
<table border="1" cellpadding="0" cellspacing="8" width="100%"><br />
<tr><br />
<td align="right" valign="top"><img src=http://www.webdeveloper.com/forum/archive/index.php/"deilogo.gif" alt="deilogo" width="75" height="75" align="left"><br />
</td><br />
<td valign="bottom" colspan="2" style="padding-top:14px;"><!--content-->Because h1 tags are block level elements you can specify a height for them. In this case you didn't and the default height is a little taller than you would like. To solve this just add these style rules to your other h1 style rules:<br />
<br />
line-height: 18px;<br />
height: 18px;<br />
<br />
The text should immediately drop down, then all you have to do is fiddle around with the padding until you get it how you want it.<!--content-->The contact page heading above the marron line is still to far up. The problem was not in the html source code, but in the style sheet. This attachment has the style sheet for the homepage and the style sheet for contact. I do not think it is necessary to compress the remaning six documents since they rely on the same style sheet as index.html.<br />
<br />
With this information can you help me to move down the heading CONTACT US?<!--content-->I gave you some CSS to add to your styles and you didn't add it. In any case, I fixed it and it works now. I included the image in the h1 tags to eliminate some space. Just play around with the paddings to get stuff where you want it.<!--content-->
<br />
Please help.<!--content-->Try doing this:<br />
<br />
<td valign="bottom" colspan="2" style="padding-top:10px;"><br />
<br />
If the gap is still too big increase the padding, if the gap is now too small decrease the padding.<!--content-->Attached is a sample of my homepage source code file up to padding. It is not making a difference.<br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br />
<html lang="en"><br />
<head><br />
<title>MISSION STATEMENT</title><br />
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"><br />
<link href=http://www.webdeveloper.com/forum/archive/index.php/"styles.css" type="text/css" rel="stylesheet"><br />
</head><br />
<body><br />
<div align="left"> <br />
<table border="1" cellpadding="0" cellspacing="8" width="100%"><br />
<tr><br />
<td align="right" valign="top"><img src=http://www.webdeveloper.com/forum/archive/index.php/"deilogo.gif" alt="deilogo" width="75" height="75" align="left"><br />
</td><br />
<td valign="bottom" colspan="2" style="padding-top:14px;"><!--content-->Because h1 tags are block level elements you can specify a height for them. In this case you didn't and the default height is a little taller than you would like. To solve this just add these style rules to your other h1 style rules:<br />
<br />
line-height: 18px;<br />
height: 18px;<br />
<br />
The text should immediately drop down, then all you have to do is fiddle around with the padding until you get it how you want it.<!--content-->The contact page heading above the marron line is still to far up. The problem was not in the html source code, but in the style sheet. This attachment has the style sheet for the homepage and the style sheet for contact. I do not think it is necessary to compress the remaning six documents since they rely on the same style sheet as index.html.<br />
<br />
With this information can you help me to move down the heading CONTACT US?<!--content-->I gave you some CSS to add to your styles and you didn't add it. In any case, I fixed it and it works now. I included the image in the h1 tags to eliminate some space. Just play around with the paddings to get stuff where you want it.<!--content-->