www.webdeveloper.com
Results 1 to 4 of 4

Thread: [RESOLVED] Help with CSS?

Hybrid View

  1. #1
    Join Date
    Dec 2009
    Posts
    2

    resolved [RESOLVED] Help with CSS?

    Hello. So.. I have this CSS file right? It works great when I preview it from my computer on my browser, but my webhost isn't able to. I was hoping someone could tell me what is wrong with it...
    Here it is
    __________________________________________________________

    /*
    Design by Free CSS Templates
    http://www.freecsstemplates.org
    Released for free under a Creative Commons Attribution 2.5 License
    */

    * {
    margin: 0;
    padding: 0;
    }

    body {
    background: #0A0A0A url(images/img1.jpg);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666666;
    }

    h1, h2, h3 {
    color: #CCCCCC;
    }

    h1 {
    }

    h2 {
    }

    h3 {
    }

    p, blockquote, ul, ol {
    margin-bottom: 20px;
    line-height: 1.6em;
    }

    p {
    }

    blockquote {
    }

    ul {
    }

    ol {
    }

    a {
    border-bottom: 1px dotted #652A17;
    text-decoration: none;
    color: #652A17;
    }

    a:hover {
    border: none;
    color: #FF0000;
    }

    /* Wrapper */

    #wrapper {
    background: url(images/img2.jpg) repeat-x;
    }

    /* Header */

    #header {
    width: 750px;
    height: 181px;
    margin: 0 auto;
    padding: 0 0 0 0;
    background: url(images/Sand.jpg);
    }

    #header h1, #header h2 {
    float: left;
    }

    #header h1 {
    padding: 150px 0 0 20px;
    letter-spacing: 3px;
    font-size: 136%;
    }

    #header h2 {
    padding: 153px 0 0 6px;
    letter-spacing: 2px;
    font-size: 107%;
    }

    #header a {
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    color: #000000;
    }

    /* Menu */

    #menu {
    width: 750px;
    height: 50px;
    margin: 0 auto;
    background: url(images/img4.jpg) no-repeat;
    }

    #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    }

    #menu li {
    display: inline;
    }

    #menu a {
    display: block;
    float: left;
    height: 20px;
    padding: 10px 20px 0 20px;
    border: none;
    border-right: 1px solid #110F09;
    font-size: 85%;
    font-weight: bold;
    color: #F4D1C5;
    }

    #menu a:hover {
    color: #FFFFFF;
    }

    /* Page */

    #page {
    width: 750px;
    margin: 0 auto;
    background: url(images/img7.jpg) repeat-y 220px 0px;
    }

    /* Content */

    #content {
    float: right;
    width: 489px;
    padding-right: 20px;
    }

    #content h1, #content h2, #content h3 {
    margin-bottom: 20px;
    }

    #content h1 {
    font-size: 136%;
    }

    #content h2 {
    font-size: 107%;
    }

    #content h3 {
    font: 92%;
    }

    #content ul, #content ol {
    list-style-position: inside;
    }

    #content .boxed {
    float: left;
    width: 46%;
    padding-right: 2%;
    }

    #content .boxed h2 {
    padding: 5px 0;
    background: url(images/img5.jpg) repeat-x left bottom;
    }

    /* Welcome */

    #welcome {
    }

    /* Sample1 */

    #sample {
    }

    /* Sample2 */

    #sample2 {
    }

    /* Sidebar */

    #sidebar {
    float: left;
    width: 180px;
    padding-left: 20px;
    }

    #sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    }

    #sidebar li {
    margin-bottom: 1px;
    }

    #sidebar li ul {
    }

    #sidebar li li {
    margin: 0;
    padding: 7px 20px;
    background: url(images/img5.jpg) repeat-x left bottom;
    }

    #sidebar h2 {
    padding: 5px 20px;
    background: url(images/img6.jpg);
    border-bottom: 1px solid #1C1C1C;
    font-size: 100%;
    }

    #sidebar h3 {
    font-size: 77%;
    }

    #sidebar p {
    margin: 0;
    line-height: normal;
    }

    #sidebar a {
    border: none;
    }

    /* Submenu */

    #submenu {
    }

    /* News */

    #news {
    }

    #news a {
    font-size: 85%;
    }

    /* Footer */

    #footer {
    width: 750px;
    height: 50px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    background: url(images/img4.jpg) no-repeat;
    }

    #footer p {
    margin: 0;
    text-align: center;
    font-size: 77%;
    }

    __________________________________________________________

    I'm new to CSS so it's hard to pinpoint the details. I figured this would be the best place to get help . Thanks in advance for those who read it over, and try to help!

    Or you could just tell me to shove off and learn CSS!
    Whatever helps.

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Have you uploaded all files to correct folders?

  3. #3
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    The code is fine. The path (or name of this *css file) your html document references must be incorrect.

  4. #4
    Join Date
    Dec 2009
    Posts
    2

    Thumbs up Problem Solved

    I figured it out lol. Sorry to make you guys read that for nothing :P. Thank you though! I love learning html!

    Well the problem was I had to change the url to the css on all my pages since it was directed to my computer files instead of the new css file location on my host. I somehow knew it would be something under my nose like that .

    Thanks again!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles