Heading in black are too far up

**design** · 11-17-2003 03:35 AM

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.

**David Harrison** · 11-17-2003 04:08 PM

Try doing this:

<td valign="bottom" colspan="2" style="padding-top:10px;">

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

**design** · 11-17-2003 04:31 PM

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** · 11-17-2003 04:59 PM

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** · 11-17-2003 09:25 PM

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?

**David Harrison** · 11-18-2003 04:29 AM

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.

Thread: Heading in black are too far up

Thread Tools

Display

Hybrid View

Heading in black are too far up

Padding is not working

Seven out of eight documents are fixed

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions