Newbie here.

Problem page:
http://www.reikisangha.net/beta/beta1.html

I'm working my way through Lynda.com's CSS Web Site Design with: Eric Meyer
training.  I have just completed Chapter 7: Using Margins and Borders to
Create White Space and Separation.

Using Dreamweaver CS3, I opened a new default document:
3 column elastic, header and footer.

Right now my goal is to insert & format a navlinks bar similar to the Javaco
Tea training files.

I have been able to successfully insert the navlinks bar but formatting it
properly is presenting some challenges.

Right now, there's too much space in the top and bottom areas of the navlink
bar.

I've been adjusting margin and padding values in the:
#navlinks
and
#navlinks li
but seem to be missing some concept somewhere.

Adding
#navlinks li
    margin-top: 10px;
    margin-bottom: 10px;
doesn't seem to do anything but adding
#navlinks li
    padding-top: 10px;
    padding-bottom: 10px;
increases the overall height of the borders.

Adjusting
#navlinks to
    margin: 0; padding: 0px;
creates an unwanted space between the logo and the navlinks bar, while
adding so much as padding: 1px; creates too much height.

Adding height to #navlinks begins to get me closer to where I need to be,
but then the positioning of the navlink fonts are off.

I've missed a concept somewhere (or it hasn't been covered yet in the
material I am learning).

I would like help learning what to look for to help solve problems like
this.

Thank you,
Buck
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to