Heading in black are too far up

This site is best viewed in a modern browser with JavaScript enabled.

design

If you look at the headings at http://mywebpages.comcast.net/designengineering 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.

Please help.

deiworkwithheadingstoohigh.zip

16kB

David_Harrison

Try doing this:

If the gap is still too big increase the padding, if the gap is now too small decrease the padding.

design

Attached is a sample of my homepage source code file up to padding. It is not making a difference.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<title>MISSION STATEMENT</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<link href="styles.css" type="text/css" rel="stylesheet">
</head>
<body>
<div align="left">
<table border="1" cellpadding="0" cellspacing="8" width="100%">
<tr>
<td align="right" valign="top"><img src="deilogo.gif" alt="deilogo" width="75" height="75" align="left">
</td>
<td valign="bottom" colspan="2" style="padding-top:14px;">

David_Harrison

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:

line-height: 18px;
height: 18px;

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.

design

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.

With this information can you help me to move down the heading CONTACT US?

stylesneedstobefixed.zip

3kB

David_Harrison

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.

stylesneedstobefixed.zip

6kB