need CSS help

Discussion in 'CSS' started by webmindz24, May 25, 2011.

  1. #1
    Hi guys,

    I am working on a blog page and not able to solve some css problems:

    - #blog_text ID not accepting float:left; and height:auto;
    - (blog_post_content h1) code not working and H1 applying its parent div's h1 style i.e. blog_text h1

    Hope I can get them solved here from you guys.

    Thanks

    #blog_header {
    height:294px;
    background: url(../images/blog_header.jpg) no-repeat center top;
    }
    #blog_content {
    margin: 0 auto;
    width:940px;
    height:auto;
    }
    #blog_text {
    height:1000px; // not accepting height:auto; and float:left; here;
    width:940px;
    }
    #blog_text h1 {
    font-family:"Myriad Pro";
    font-size:18px;
    font-style:normal;
    font-weight:bold;
    color:#765c4f;
    }
    #blog_text .hr {
    border-bottom: 1px solid #765c4f;
    }
    #blog_text p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:normal;
    font-style:normal;
    color: #765c4f;
    line-height:18px;
    margin-bottom:12px;
    }
    #blog_posts {
    float:left;
    width:620px;
    height:auto;
    padding-right:20px;
    }
    .blog_post {
    float:left;
    width:620px;
    height:auto;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #ddd7d3;
    }
    .blog_post h1 {
    width:620px;
    height:auto;
    font-family:"Myriad Pro";
    font-size:22px;
    font-weight:bold;
    font-style:normal;
    color: #4f4642;
    padding-bottom:3px;
    }
    .blog_post h1 a {
    width:620px;
    height:auto;
    font-family:"Myriad Pro";
    font-size:22px;
    font-weight:bold;
    font-style:normal;
    color: #4f4642;
    text-decoration:none;

    }
    .postdetails {
    width:600px;
    margin-bottom:10px;
    }
    .blog_post .author {
    color:#a9a19d;
    font-family:"Myriad Pro";
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    }
    .blog_post .date {
    color:#696969;
    font-family:"Myriad Pro";
    font-size:14px;
    text-decoration:none; }
    .post .comments {
    color:#696969;
    font-family:"Myriad Pro";
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    }
    .blog_post_content {
    width:620px;
    margin-top:10px;
    font: 400 13px Arial, Helvetica, sans-serif;
    }
    .blog_post_content p {
    width:620px;
    font: 400 13px Arial, Helvetica, sans-serif;
    }
    .blog_post_content h1 {
    color:#FF0000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:bold;
    text-decoration:none;
    margin-bottom:3px;
    }
    .blog_post_content h1 a {
    color:#FF0000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:bold;
    text-decoration:none;
    margin-bottom:3px;
    }
    .blog_post_content h1 a:hover {
    text-decoration:underline;
    }

    .blog_post_content a {
    color:#6d5346;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    }
    .blog_post_content a:hover {
    text-decoration:underline;
    }
    .post_content img {
    margin-top:25px;
    }
    #blog_sidebar {
    float:left;
    width:300px;
    height:auto;

    }
     
    webmindz24, May 25, 2011 IP