6 Replies Latest reply on Apr 27, 2006 8:05 AM by Brhaynes75

    space under my headers using CSS

    Brhaynes75 Level 1
      I'm formatting the text on a website. I have a list of text of headers and subheaders. I have a hard return after the headers, and a soft return between the subheads. The problem is I don't want the space after the header.

      My question is: how do I get rid of the large hard return space after my header?

      Thanks in advance,
      Brad
        • 1. Re: CSS Header padding
          Level 7
          what's your code look like?
          "Brhaynes75" <webforumsuser@macromedia.com> wrote in message
          news:e2onk7$m0n$1@forums.macromedia.com...
          > I'm formatting the text on a website. I have a list of text of headers and
          > subheaders. I have a hard return after the headers, and a soft return
          > between
          > the subheads. The problem is I don't want the space after the header.
          >
          > My question is: how do I get rid of the large hard return space after my
          > header?
          >
          > Thanks in advance,
          > Brad
          >


          • 2. Re: CSS Header padding
            Brhaynes75 Level 1
            here's the html:

            <td width="35%" align="center" valign="top" class="sidebar"><table width="100%" height="112" border="0" cellpadding="0" cellspacing="0">
            <tr>
            <th width="10" scope="col"> </th>
            <td width="80%" height="600" valign="top" class="links" scope="col"><h4>Home</h4>
            <p>Who We Are<br />
            Our history<br />
            The Team</p>

            and the css:

            }
            .links {
            padding-left: 30px;
            font: lighter 0.8em/14px Verdana, Arial, Helvetica, sans-serif;
            text-transform: uppercase;
            color: #000000;
            background: #CCCCCC url(../images/extras/sidebar.jpg);
            padding-right: 15px;
            border: 1px dashed #000000;
            padding-top: 15px;
            margin: 0px;
            }
            • 3. Re: CSS Header padding
              Level 7
              I"m not following you on the large hard return spaces after your header. Do
              you mean after your <h4>? What exactly are you calling your header? Is
              this code published anywhere?
              "Brhaynes75" <webforumsuser@macromedia.com> wrote in message
              news:e2op65$nos$1@forums.macromedia.com...
              > here's the html:
              >
              > <td width="35%" align="center" valign="top" class="sidebar"><table
              > width="100%" height="112" border="0" cellpadding="0" cellspacing="0">
              > <tr>
              > <th width="10" scope="col"> </th>
              > <td width="80%" height="600" valign="top" class="links"
              > scope="col"><h4>Home</h4>
              > <p>Who We Are<br />
              > Our history<br />
              > The Team</p>
              >
              > and the css:
              >
              > }
              > .links {
              > padding-left: 30px;
              > font: lighter 0.8em/14px Verdana, Arial, Helvetica, sans-serif;
              > text-transform: uppercase;
              > color: #000000;
              > background: #CCCCCC url(../images/extras/sidebar.jpg);
              > padding-right: 15px;
              > border: 1px dashed #000000;
              > padding-top: 15px;
              > margin: 0px;
              > }
              >


              • 4. Re: CSS Header padding
                Brhaynes75 Level 1
                yes, after the <h4>. it looks like this:

                HEADER

                subhead
                subhead
                subhead

                so i want the space after the HEADER to be smaller.
                • 5. Re: CSS Header padding
                  Level 7
                  You need to redefine the bottom margin on the H4 in that case.
                  As long as you don't have an empty <p></p> tags after the header or a line
                  break <br>

                  css:

                  h4 { margin-bottom: 6px;}
                  Changing the pxs to suit.


                  --
                  Nadia
                  Adobe� Community Expert : Dreamweaver
                  --------------------------------------------
                  http://www.csstemplates.com.au - CSS Templates | Free Templates
                  --------------------------------------------
                  http://www.DreamweaverResources.com - Dropdown Menu Templates|Tutorials
                  http://www.macromedia.com/devnet/dreamweaver/css.html - CSS Tutorials
                  -------------------------------------------------


                  "Brhaynes75" <webforumsuser@macromedia.com> wrote in message
                  news:e2qjbg$3fb$1@forums.macromedia.com...
                  > yes, after the <h4>. it looks like this:
                  >
                  > HEADER
                  >
                  > subhead
                  > subhead
                  > subhead
                  >
                  > so i want the space after the HEADER to be smaller.


                  • 6. Re: CSS Header padding
                    Brhaynes75 Level 1
                    thanks a lot!