I still can't get my child document to update from template. What gives?

Question

Hello,
Here is the document I'm trying to update: http://www.peterdanko.com/Eco-Eden.html
Here is my template: http://peterdanko.com/Templates/
Here is my stylesheet that is attached to the template: http://peterdanko.com/productpagecode.css
What I want to do is change just a little thing...the rules for
/**begin rules for the four link list**/ need to be changed to a three link list.  Ok, here is my problem.  No matter what I seem to do..and I have closely followed instructions from both the manual and Beth's suggestions and it is not working for me. I have tried many different settings and as far as I have gotten is to get this
/**#three-pop-up-link li {
margin-right: 20px;**/ to come up in the first list item, but it does not have an effect.
Also, I want to delete the onload info for the document that I made the template from, and I am unable to do that as well.
What am I doing wrong?
Thanks for your help.
Peter

Answer 1

You are still clearly confused about how CSS relates to HTML.  Let's try again....
This rule -
a { color:green; }
will make ALL links on the page, and all states of those links, turn green, including visited, hover, active, and focus.
These rules, in this order -
a { color:green; }
a { color:red; }
will make ALL links on the page, and all states of those links, turn red!  Why?  Because the later rule overrides the earlier one.  That's how the cascade works.
These rules -
a { color:green; text-decoration:overline;}
a { color:red; }
will make ALL links on the page, and all states of those links, turn red AND have an overline as text decoration!  Why?  Again, because the cascade of those rules adds the overline style from the first rule even though the color from that rule is overridden.
I give you these examples to show how the cascade of CSS works, and to give you the sense that there is no relation between the order of the CSS, and the order of the HTML on the page.
Now - this rule -
#menu a { color:green; text-decoration:overline;}
will apply to ALL links within a container with an ID of 'menu', but to NO OTHER LINKS ON THE PAGE.
And this rule -
a.menu { color:green; }
will apply to all links that have been given a class of "menu" (e.g., <a class="menu"...), and only to those links.
So if you have a group of four links, and you only want to style three of them in a certain way, you could do this -
.no-center { text-align:left; }
and then in your HTML you would have
<a class="no-center"....
for that link that you wanted NOT to be centered.
Make sense?
I feel like we have built your whole site for you....