Forum Replies Created

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter phoenix451

    (@phoenix451)

    nvm guys i fixed it
    thanks for your help

    Thread Starter phoenix451

    (@phoenix451)

    Well only the main page (im guessing index.php) included the sidebar.

    Ok well i deleted the <div class=”clearer”> </div> line but it made no difference in the page from both the archive.php and in the catagory.php file, and it didnt help.

    Am i doing it right?
    thanks for helping so much

    Thread Starter phoenix451

    (@phoenix451)

    sorry — http://www.chrisamo.com

    If you will look in any of the catagories (ie tech, news …) you will see that the sidebar sort of “interrupts” the main column and pushes it all down. I want to resize the center column so it is like the center column in the layout on the home page (www.chrisamo.com) where the sidebar is not causing any problems and the center is narrower.

    Thanks

    Thread Starter phoenix451

    (@phoenix451)

    which element am i specifically looking for in the style.css? here is the code:

    /*---------------------------- Site Navigation -------------------------------*/
    #hnav {
    width: 750px;
    margin: 8px auto;
    height: 23px;
    background: #d9d7da url(images/navgradient.jpg) repeat-x top;
    border-bottom: 1px solid #ccced2;
    border-left: 1px solid #f5f6f7;
    border-right: 1px solid #ccced2;
    }

    #header {
    float: left;
    width: 235px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    height: 20px;
    }

    #hmenu {
    margin: 2px 5px 0 0;
    text-transform:lowercase;
    text-align: right;
    float: right;
    width: 440px; /* Goes on the bottom center */
    }

    #masthead {
    background: url(images/masthead.jpg);
    width: 750px;
    height: 135px;
    margin: 0 auto;
    padding: 0;
    border-top: 1px solid #b8e4e7;
    border-right: 1px solid #86c9cf;
    border-bottom: 2px solid #00527f;
    border-left: 1px solid #86c9cf;
    }

    /*------------------------------- Main Body ----------------------------------*/
    #container {
    width: 750px;
    margin: 10px auto;
    background: #f5f6f7;
    border-left: 1px solid #d5d7db;
    border-right: 1px solid #d5d7db;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .70em;
    text-align: left; /* IE hack Part 2 */
    border-top: 15px solid #d5d7db;
    border-bottom: 15px solid #d5d7db;
    }

    #topcontentdouble {
    float: right;
    width: 500px;
    height: 27px;
    background: #f5f6f7 url(images/header_whole2.gif) no-repeat right top;
    margin: 9px 10px 0 0;
    display: inline;
    }

    #topcontent {
    width: 730px;
    background: #f5f6f7 url(images/header_whole.gif) no-repeat top;
    margin: 9px auto 0 auto;
    height: 27px;
    }

    #content {
    float: right;
    width: 500px;
    background: #ffffff;
    margin: 0 10px 0 0;
    display: inline;
    }

    #bottomcontentdouble {
    display: inline;
    float: right;
    width: 500px;
    background: #f5f6f7 url(images/bottom_whole2.gif) no-repeat -40px 0;
    margin: 0 10px 9px 0;
    height: 27px;
    }

    #singlecontent {
    width: 730px;
    background: #ffffff;
    padding-top:0;
    margin: 0 auto;
    }

    .post {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: 80px;
    }

    .singlepost {
    margin: 0px 105px 80px 105px;
    }

    #bottomcontent {
    width: 630px; /*730*/
    background: #f5f6f7 url(images/bottom_whole.gif) no-repeat top;
    margin: 0px auto 0px auto;
    padding-bottom: 9px;
    height: 27px;
    }

    .meta {
    font-size: .9em;
    line-height: 18px;
    }

    .feedback {
    float: right;
    font-size: 1.0em;
    line-height: 35px;
    }

    .author {
    width: 200px;
    float: right;
    text-align: right;
    }

    /*---------------------------- Page Navigation -------------------------------*/
    .postnavigation {
    height: 45px;
    }

    .left {
    float: left;
    padding-left: 105px;
    }

    .right {
    float: right;
    padding-right: 105px;
    }

    .leftdouble {
    float: left;
    padding-left: 10px;
    }

    .rightdouble {
    float: right;
    padding-right: 10px;
    }

    /* ------------------------------ Sidebars -----------------------------------*/
    #sidebar {
    position: relative;
    float: left;
    width: 225px;
    margin: 0 0 0 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    text-align: left; /* IE hack Part 2 */
    display: inline;
    }

    #sidebar ul {
    position: relative;
    }

    #sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    }

    #sidebar ul, #sidebar ul li {
    margin: 0;
    padding: 0;

    }

    #sidebar ul li ul{

    background: #fff;
    margin: 0 5px 0 0;
    padding: 10px 5PX 15px 5px;
    }

    #sidebar h2 {
    background: url(images/navgradient.jpg) repeat-x top;
    height: 16px;
    margin: 10px 5px 0 0px;
    padding: 8px 0 1px 5px;
    color: #8B9198;
    border-bottom: 1px solid #fff;
    }

    /*
    The following is the fix
    for 3-pixel-jog bug in IE
    */
    /* Hide from IE5-mac. Only IE-win sees this. \*/

    * html #content {
    /*margin-right: 7px;*/
    }

    * html #sidebar {
    height: 1%;
    }
    /* End hide from IE5/mac */

    #sidebar ul li ul li{
    margin: 4px 10px 4px 10px;
    display: block;
    background: url(images/bullet.jpg) no-repeat;
    padding: 0 0 0 18px;

    }

    #sidebar ul li ul li a{
    display: block;
    height:1%; /* IE WIN */
    }

    #sidebar ul li ul li a:hover{
    background: #F0F0F0;
    text-decoration: none;
    }

    #sidebar ul li ul li ul {
    margin: 0;
    padding: 0;
    }

    /* ------------------------------ Comments -----------------------------------*/
    #response {
    margin: 0px 110px;
    }

    #commentlist {
    padding: 0px 10px 0px 10px;
    margin-left: 10px;
    margin-right: 10px;
    color: #7b7b7b;
    list-style-type: none;
    text-align: justify;
    }

    #commentlist li p{
    padding: 0px;
    margin: 8px 0px 0px 0px;
    }

    .commentname {
    width: 220px;
    float: left;
    font-size: 0.9em;
    margin: 0;
    padding: 0 0 2px 0;
    }

    .commentinfo{
    width: 250px;
    float: right;
    text-align: right;
    }

    .commenttext {
    clear: both;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 70px;
    border-top: 1px solid #e4ebef;
    text-align:left;
    line-height:16px;
    }

    /* ----------------------------- Comment Form ------------------------------- */
    h2#postcomment {
    background: #FFFFFF url(images/comments.gif) no-repeat center top;
    margin: 40px 0px 0px 0px;
    padding: 0 0 20px 10px;
    }

    #commentform {
    background: #f5f6f7;
    padding: 1px 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    }

    #commentboxes {
    width: 200px;
    float: left;
    color: #7b7b7b;
    font-size: 0.9em;
    }

    p.instructions {
    margin: 14px 0 0 200px;
    color: #7b7b7b;
    font-size: 0.9em;
    text-align: justify;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #d5d7db;
    padding-left: 15px;
    position: relative;
    }

    #inputbox {
    clear: both;
    color: #7b7b7b;
    font-size: 0.9em;
    }

    #button{
    padding-top: 0.5em;
    }

    #commentsbottom {
    background: #FFFFFF url(images/commentsdown.gif) no-repeat center top;
    margin: 0;
    padding: 0;
    height: 22px;
    }

    /* --------------------------- 'Sidebar' Structure -------------------------- */
    #menu {
    width: 750px;
    height: 45px;
    background: #F0F0F0 url(images/bottomgradient.jpg) repeat-x top;
    border-top: 1px solid #d1d4d9;
    border-right: 1px solid #d5d7db;
    border-bottom: 2px solid #d5d7db;
    border-left: 1px solid #d1d4d9;
    }

    #searchform {
    float: left;
    margin-top: 12px;
    padding-left: 20px;
    }

    #topimage {
    margin: 2px 0 0 0;
    cursor: pointer;
    width: 60px;
    height: 40px;
    background: url(images/topbutton.gif) no-repeat top;
    float: right;
    padding-right: 9px;
    padding-top: 3px;
    }

    #topimage a{
    display:block;
    height:100%;
    overflow:hidden;
    text-decoration:none;
    }

    Thread Starter phoenix451

    (@phoenix451)

    Umm sorry if this is in the wrong forum but if i wanted to change any template’s center text area(ie. make it smaller), how would i do it? In the .php file itself?

    Thread Starter phoenix451

    (@phoenix451)

    thanks — ill post there

    Thread Starter phoenix451

    (@phoenix451)

    i am using the template RIN

Viewing 7 replies - 1 through 7 (of 7 total)