When I use my css inline it works just fine, but when I try to do external, it leaves out the first selector group, whatever it is. Right now its my body, but if I took that out it would leave out whatever took its place as first selector. The body would work if put it second, or anywhere else. Its just whatever is first. And like I said, it works just fine inline. I have the external in a seperate folder labeled style in the root folder.

6 Years
Discussion Span
Last Post by JorgeM

Post up some code and we'll have a look. My initial thought is that your first selector in the external file has a mistake in it.

@charset "utf-8";
    body {
        width: 65%;
        margin: 0 auto;
        border-style: none double;
        border-left-color: #999;
        border-right-color: #999;
        background-color: #000;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 85%;
        text-align: justify;
    header {
        width: 100%;    
        margin: 0px auto 0px auto;
        text-align: center;
        background-color: #000;
        font-family: "Times New Roman", Times, serif;
        font-size: 200%;
        font-variant: small-caps;
        text-shadow: 2px 2px 3px #CCC;
        color: #999;            
    .box1 {
        width: 64%;
        margin: auto;
        padding-right: 10px;
        float: right;
        background-color: #000;
        color: #fff;
    .nav {
        width: 25%;
        color: #FFF;
        padding: 4%;
        border-style: none double none none;
        border-color: #999;
    ul {
        padding: 0px;
        list-style: none;
    li {
        margin: 30px auto;
    a {
        color: #FFF;
    a:hover {
        color: #F00;
    a:visited {
        color: #f00;
    h2 {
        text-align: center;
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.