--- On Wed, 7/23/08, Christopher <[EMAIL PROTECTED]> wrote:
> I'm trying to move the <h1> text "main" down using <top margin> just a
> little and it's not moving
>
> http://www.walkfar.ca/test/productionsite10.html
Christopher,
As has already been suggested, until you fully understand the box model - in
particular, with respect to collapsing margins, negative margins, and margins
on inline elements - your best bet is to simplify your code. You have many
cases where there are several nested elements for no obvious reason, each with
varying margins set, some of which are collapsing, some of which combine with
other margins, etc.
For example,
<div id="location"><h1 class="mainloc"><span
class="maintext"><strong>Main</strong></span></h1></div>
can probably all be replaced with the simpler (and much easier to work with):
<h1>Main</h1>
You can then apply styles directly to that element, and only need to introduce
additional alements if absolutely necessary.
I also notice you're using long-hand notation when short-hand would be much
easier to work with, for example:
border-top-width: 2em;
border-right-width: 2em;
border-bottom-width: 2em;
border-left-width: 2em;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
can all be replaced with:
border: 2em solid #FFFFFF;
- Bobby
______________________________________________________________________
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/
