www.webdeveloper.com
Results 1 to 6 of 6

Thread: Heading in black are too far up

Hybrid View

  1. #1
    design is offline Supreme Master of the Web
    Join Date
    Oct 2003
    Posts
    188

    Heading in black are too far up

    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.
    Attached Files Attached Files

  2. #2
    Join Date
    Dec 2002
    Location
    Manchester, UK
    Posts
    6,276
    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.
    Every fight is a food fight when youíre a cannibal.

  3. #3
    design is offline Supreme Master of the Web
    Join Date
    Oct 2003
    Posts
    188

    Padding is not working

    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;">

  4. #4
    Join Date
    Dec 2002
    Location
    Manchester, UK
    Posts
    6,276
    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.
    Every fight is a food fight when youíre a cannibal.

  5. #5
    design is offline Supreme Master of the Web
    Join Date
    Oct 2003
    Posts
    188

    Seven out of eight documents are fixed

    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?
    Attached Files Attached Files

  6. #6
    Join Date
    Dec 2002
    Location
    Manchester, UK
    Posts
    6,276
    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.
    Attached Files Attached Files
    Every fight is a food fight when youíre a cannibal.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles