I have been struggling with the margins on an ul,
better said I am ALWAYS struggling with the ul, I just
seem to get it.

I am at a loss to understand the margins around it and
how to shape it the way I want and need to. 

Whenever I use it I have that huge margin on the left
that is like eternal.

A second problem on this site is that I styled the
main nav bar but it will not show it only the default
a color.

this is the link css

#nav {vertical-align: bottom;
          width: 600px;
          text-align: center;}
          
#nav ul {list-style: none;
         margin: 0;
                 padding: 0;}
                   
#nav li {display: inline;
         font: bold .7em #452500 "Arial Black",
sans-serif;
                 padding: 0 10px 0 15px;}
                 
#nav li a:link {font: bold .7em #452500 "Arial Black",
sans-serif;
                text-decoration: none;}

#nav li a:visited {font: bold .7em #733D00 "Arial
Black", sans-serif;
                   text-decoration: none;}

#nav li a:hover {font: bold .7em #DF8505 "Arial
Black", sans-serif;
                 text-decoration: none;
                 border-top: 3px dotted #DF8505;}

and the left menubox is as follows

#leftbox {width: 160px;
          float: left;
                  margin-top: 20px;
                  margin-bottom: 20px;
                  text-align: left;
                  border: 2px dashed #00CCCC;                     background:
#fff;}

the last two above is just so I can see the margin and
how it floats.                           
                                 
.menusub ul {display: block;
             width: 100px;
                         margin-left: -20px;
                         padding: 0;}
                  
.menusub li     {list-style: none;
             font: bold .6em Arial, Helvetica,
sans-serif;}     

and the main content is styled with the following

#content {float: left;
          margin-left: 10px;
                  margin-top: 20px;
                  text-align: left;}

the main content is not yet styled, just trying to get
the main stuff right.

the main body is covered by this

body { margin: 0;
       padding: 0;
           font-family: Geneva, Arial, Helvetica, sans-serif;
       font-size: 1em;
           background-color: #693204;
           text-align: center;}

#container {width: 800px;
            height: 100%;
            background: #E9E8CF;
                        border-left: 10px solid #C17B21;
                        border-right: 10px solid #C17B21;}

#header {background: url(images/header_bg1.jpg)
no-repeat;
         text-align: left;}
                 
#header h1 {font-family: Arial, sans-serif;
                        font-size: 1.6em;
                        color: #FEE473;
                        font-style: italic; 
                        font-variant: small-caps;
                        margin-left: 1.5em;} 

__________________________________________________
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to