Welcome guest. Before posting on our computer help forum, you must register. Click here it's easy and free.

Author Topic: White space problem  (Read 4370 times)

0 Members and 1 Guest are viewing this topic.

Gawoman

    Topic Starter


    Greenhorn

    White space problem
    « on: August 18, 2009, 01:45:35 PM »
    Well, with the background color it's actually a light blue space problem  ;) .  I am doing my first web page for a friend of mine, and cannot figure out how to close the gap between the first two lines by about a third to a half.  I've searched numerous places on the web and have run out of luck.  Here's what I first had as the code:

    <body bgcolor="#87ceeb" topmargin="0">
          <center>
             <h1>Acme Transport Company</h1>
             <h2>(905) 123-4567 or (987) 654-3210</h2>
          </center>

    And I wanted bigger type.  So, somewhere I read to use style sheets.  So I did that and that gap appeared.  I realize that there would be a bigger gap because of the bigger sized type, but I don't want the gap as big as it is.  Here's the style sheet coding:
     
    <style type="text/css">
          h1 {
             color: black
             font-family: georgia, arial;
             font-weight: bold;
             font-style:  italic;
             text-decoration: underline;
             text-align: center;
             font-size: 35pt;
             verticle-align: top;
              }
          h2 (
             color: black
             font-family: georgia, arial;
             font-weight: bold;
             font-size: 20pt;   
             verticle-align: top;
             }      
       </style>
       </head>
       <body bgcolor="#87ceeb" topmargin="0">
          <center>
             <h1>Acme Transport Company</h1>
             <h2>(905) 123-4567 or (987) 654-3210</h2>
          </center>
       </body>

    Any help is appreciated! 

    kpac

    • Web moderator
    • Moderator


    • Hacker

    • kpac®
    • Thanked: 184
      • Yes
      • Yes
      • Yes
    • Certifications: List
    • Computer: Specs
    • Experience: Expert
    • OS: Windows 7
    Re: White space problem
    « Reply #1 on: August 18, 2009, 02:10:32 PM »
    The space between the <h1> and the <h2>?

    Add a "margin-bottom: 0px;" to the h1 CSS.

    Gawoman

      Topic Starter


      Greenhorn

      Re: White space problem
      « Reply #2 on: August 18, 2009, 02:52:21 PM »
      Yes, that's the space I was talking about, and your suggestion worked!  Thanks for the help!


      kpac

      • Web moderator
      • Moderator


      • Hacker

      • kpac®
      • Thanked: 184
        • Yes
        • Yes
        • Yes
      • Certifications: List
      • Computer: Specs
      • Experience: Expert
      • OS: Windows 7
      Re: White space problem
      « Reply #3 on: August 18, 2009, 03:07:03 PM »
      Great! ;D

      squall_01



        Prodigy

        Thanked: 80
        Re: White space problem
        « Reply #4 on: August 18, 2009, 04:59:25 PM »
        you dont have to use hex you know you can say light blue.  Just a tip  ;)
        Windows 7 RC Tester.  Working on it.  Your monitor says etchasketch on the side!

        If I fall who is there to pick me up now.  I stand alone but I stand as the gaurdian for whom I wish to protect.  The sound of my blade utters my name as you fall.  For I shall not move.  For those that forsake the very people are wosres

        Gawoman

          Topic Starter


          Greenhorn

          Re: White space problem
          « Reply #5 on: August 18, 2009, 05:44:29 PM »
          you dont have to use hex you know you can say light blue.  Just a tip  ;)

          Yeah, I know.  I was looking at a color palate with the customer that had hex codes, and this was the color they picked.   

          squall_01



            Prodigy

            Thanked: 80
            Re: White space problem
            « Reply #6 on: August 18, 2009, 06:12:18 PM »
            you may find it too be better since you can select the light or darkness of a certain color better.
            Windows 7 RC Tester.  Working on it.  Your monitor says etchasketch on the side!

            If I fall who is there to pick me up now.  I stand alone but I stand as the gaurdian for whom I wish to protect.  The sound of my blade utters my name as you fall.  For I shall not move.  For those that forsake the very people are wosres