Sent by Bobby Jack on 23 July 2008 15:03
--- On Wed, 7/23/08, Christopher [EMAIL-REMOVED]> 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-REMOVED]]
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/
