You should also change your main code as follows:
<div class="menu_items">
<ul class="menu">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="math.html">Mathematics</a></li>
<li><a href="code.html">Programming</a></li>
</ul>
</div>
and the css to go with it:
.menu_items {
text-align: center;
margin: 0 auto;
}
I pressed the send button too quickly in my previous message.!!!
>
> !) Make these changes:
>
> ul.menu {
> padding: 0;
> margin: 0 auto; /* CHANGE THIS */
> list-style: none;
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 0.8em;
> border-bottom: 1px solid #6F3E04;
> width: 115px;
> background-color: #EEEEDC;
> text-align: left; /* CHANGE THIS */
> }
>
>
> ul.menu li {
> /* border-top: 1px solid #6F3E04;
> border-left: 1px solid #6F3E04;
> border-right: 1px solid #6F3E04;
> border-bottom: 1px solid #6F3E04; */
> /* THE ABOVE IS NOT REQUIRED */
> border: 1px #6F3E04 solid;
> margin-top: 10px;
> }
>
______________________________________________________________________
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/
