Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Help to finish my first CSS project

0 views
Skip to first unread message

Dave Arkley

unread,
Mar 9, 2003, 4:20:25 AM3/9/03
to
I have my first CSS project almost finished, and am stuck with one last bit.
Help gratefully accepted!

I have a three column layout, and each column contains multiple blocks of
content. Each block is preceded with a section header:

<div class="section">Links</div>
<span class="link"><a
href="http://mysite.com/Hardware">Hardware</a></span><br>
<span class="link"><a
href="http://mysite.com/Software">Software</a></span><br>


The CSS for the section class is:

/* Section headers */
.section
{
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, san-serif;
font-size: 80%;
color: white;
background-color: #00818E;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
}

The first line following the section header box is right underneath it. I'd
like to include some whitespace between the section box and it's content.
Since the section header background-color is different than the page
background-color I can't add extra padding-bottom to section, this just
makes the section header taller. How do I add 'transparent' space after the
section header?

Thanks in advance
Dave Arkley


Rowland Shaw

unread,
Mar 10, 2003, 3:19:28 AM3/10/03
to
use ".section { margin-bottom: 123px; }" then.


"Dave Arkley" <do...@mail.me> wrote...

Dave Arkley

unread,
Mar 10, 2003, 5:46:00 PM3/10/03
to
> use ".section { margin-bottom: 123px; }" then.
easy when you know how. Thanks!
0 new messages