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/

Reply via email to