Please help with CSS file

Discussion in 'CSS' started by maslik, Jul 5, 2010.

0
  1. #1
    Hello.
    I have created the site. In it I used СSS. I have loaded all files on a server but when I type in IE the site I see only a text and pictures are not loaded. Here is a script off CSS file and HTML:


    body {
    margin-top: 49px;
    padding: 0;
    background: url(images/img01.jpg) repeat-x left top;
    font-family: "Arial", Trebuchet MS, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
    }

    h1, h2, h3 {
    margin: 0;

    font-weight: normal;
    color: #559106;
    }

    h1 {
    letter-spacing: 1px;
    font-size: 32px;
    }

    h2 {
    font-size: 23px;
    }

    p, ul, ol {
    margin: 0 0 2em 0;
    text-align: justify;
    line-height: 26px;
    font-size: 14px;
    }

    a:link {
    color: #4E8006;
    }

    a:hover, a:active {
    text-decoration: none;
    color: #4E8006;
    }

    a:visited {
    color: #4E8006;
    }

    img {
    border: none;
    }

    img.left {
    float: left;
    margin-right: 15px;
    }

    img.right {
    float: right;
    margin-left: 15px;
    }

    /* Form */

    form {
    margin: 0;
    padding: 0;
    }

    fieldset {
    margin: 0;
    padding: 0;
    border: none;
    }

    legend {
    display: none;
    }

    input, textarea, select {
    font-family: "Arial", Trebuchet MS, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
    }

    /* Header */

    #header {
    width: 860px;
    height: 52px;
    margin: 0 auto;
    background: url(images/img02.jpg) no-repeat left top;
    }

    /* Menu */

    #menu {
    float: left;
    width: 860px;
    height: 54px;
    }

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

    #menu li {
    display: block;
    float: left;
    }

    #menu a {
    display: block;
    float: left;
    margin-right: 3px;
    padding: 12px 20px;
    letter-spacing: -.5px;
    text-decoration: none;
    text-transform: lowercase;
    font: 16px "Arial", Trebuchet MS, Helvetica, sans-serif;
    color: #FFFFFF;
    }

    #menu a:hover {
    text-decoration: none;
    color: #FFFFFF;
    }

    #menu .current_page_item a {
    color: #FFFFFF;
    }

    /** LOGO */

    #logo-wrap {
    width: 860px;
    margin: 0 auto;
    padding: 30px 0 20px 0;
    background: url(images/img03.jpg) no-repeat left top;
    }

    #logo {
    width: 820px;
    height: 200px;
    margin: 0 auto;
    background: url(images/img05.jpg) no-repeat left top;
    }

    #logo h1, #logo h2 {
    float: left;
    margin: 0;
    padding: 0 0 0 20px;
    line-height: normal;
    }

    #logo h1 {
    padding-top: 95px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:36px;
    font-style: italic;
    }

    #logo h1 a {
    text-decoration: none;
    color: #FFFFFF;
    }

    #logo h1 a:hover { text-decoration: underline; }

    #logo h2 {
    padding: 115px 0 0 5px;
    font: italic 13px Georgia, "Arial", Times New Roman, serif;
    color: #000000;
    }

    #logo p a {
    text-decoration: none;
    color: #B6ACA2;
    }

    #logo p a:hover { text-decoration: underline; }



    /* Page */

    #page {
    width: 850px;
    margin: 0 auto;
    }

    /* Content */

    #content {
    float: right;
    width: 620px;
    background: url(images/img10.jpg) no-repeat left top;
    }

    /* Post */

    .post {
    padding: 15px 15px;
    }

    .post .title {
    margin-bottom: 20px;
    padding-bottom: 5px;
    }

    .post h1 {
    }

    .post h2 {
    height: 32px;
    padding: 8px 0 0 15px;
    background: url(images/img09.jpg) no-repeat left top;
    font-size: 18px;
    color: #DADADA;
    }

    .post .entry {
    padding: 0 15px;
    }

    .post .meta {
    padding: 15px 0 30px 0;
    border-top: 1px dotted #D1D1D1;
    }

    .post .meta p {
    margin: 0;
    line-height: normal;
    color: #999999;
    }

    .post .meta .byline {
    float: left;
    }

    .post .meta .links {
    float: right;
    }

    .post .meta .more {
    padding: 0 20px 0 18px;
    background: url(images/img11.gif) no-repeat left center;
    }

    .post .meta .comments {
    padding-left: 22px;
    background: url(images/img12.gif) no-repeat left center;
    }

    .post .meta b {
    display: none;
    }

    /* Sidebar */

    #sidebar {
    float: left;
    width: 215px;
    }

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

    #sidebar li {
    margin-bottom: 40px;
    padding: 0 15px;
    }

    #sidebar li ul {
    }

    #sidebar li li {
    margin: 0;
    padding-left: 15px;
    background: url(images/img08.jpg) no-repeat left 50%;
    }

    #sidebar h2 {
    height: 32px;
    padding: 8px 0 0 15px;
    margin-bottom: 10px;
    background: url(images/img07.jpg) no-repeat left top;
    font-size: 18px;
    color: #DADADA;
    }

    /* Search */

    #search {
    }

    #search h2 {
    margin-bottom: 20px;
    }

    #s {
    width: 115px;
    margin-right: 5px;
    padding: 3px;
    border: 1px solid #BED99C;
    }

    #x {
    padding: 3px;
    border: none;
    background: #467805;
    text-transform: lowercase;
    font-size: 11px;
    color: #FFFFFF;
    }

    /* Boxes */

    .box1 {
    padding: 20px;
    }

    .box2 {
    color: #BABABA;
    }

    .box2 h2 {
    margin-bottom: 15px;
    font-size: 16px;
    color: #FFFFFF;
    }

    .box2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited {
    color: #EDEDED;
    }

    /* Footer */
    #footer-wrap {
    width: 860px;
    height: 64px;
    margin: 0 auto;
    background: url(images/img04.jpg) no-repeat left top;
    }

    #footer {
    margin: 0 auto;
    height: 64px;
    min-height: 64px;
    padding: 0;
    }

    html>body #footer {
    height: auto;
    }

    #footer p {
    }

    #legal {
    clear: both;
    padding-top: 10px;
    text-align: center;
    color: #999999;
    }

    #legal a {
    color: #999999;
    }

    _________________________________________________________________

    <meta name="description" content="Types of flowers">
    <meta name="keywords" content="---">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="default.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    .style2 {font-size: 16}
    -->
    </style>
    </head>
    <body>
    <!-- start header -->
    <div id="header">
    <div id="menu">
    <ul>
    <li class="current_page_item"><a href="---">---</a>My site</li>
    <li><a href=""></a>My site</li>
    <li><a href=""></a>My site</li>
    <li><a href=""></a>My site</li>
    <li><a href=""></a>My site</li>
    <li class="last"><a href="index.html">Home</a></li>
    </ul>
    </div>
    </div>
    <div id="logo-wrap">
    <div id="logo">
    <h1>My site </h1>
    <h2>My site</h2>
    </div>
    </div>
    <!-- end header -->
    <!-- start page -->
    <div id="page">
    <!-- start content -->
    <div id="content">
    <div class="post">
    <h1 class="title">My site</h1>
    <div class="entry">
    <p><img src="images/image.jpg" alt="image" width="320" height="280" class="left" />

    Maybe it'll help you.
    Help to solve a problem.
    Thanks.
     
    maslik, Jul 5, 2010 IP
  2. bvraghav

    bvraghav Member

    Messages:
    123
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    33
    #2
    and since you have everything hosted on your domain... or at least a debug version of it... it shall be more convenient for us to have the link instead of millions of line of code copy pasted into our text editors and then maintaining the links!!!
     
    bvraghav, Jul 6, 2010 IP