WordPress.org

Support

Support » Themes and Templates » REQ: CSS padding help

REQ: CSS padding help

Viewing 11 replies - 1 through 11 (of 11 total)
  • oops, sorry about that.
    I have been playing around with the Dots style sheet that Alex has on his site. Evrything is going well, but for some reason I cannot the padding to work at all on the: Search, or the Archives. I was wondering if anyone knew what I’m doing wrong.
    Thanks!
    Here is the sheet:
    /*
    Dots – A WordPress CSS Template
    Copyright 2004 Alex King
    Based on: Bloggia 3-Column Template by Alex King (http://www.bloggia.com/styles/bloggia_themer/)
    */
    body {
    background: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    }
    h1, h2, h3, h4, p, li, a, span, th, td, input, select, textarea {
    font-family: verdana, tahoma, arial, helvetica, geneva, sans-serif;
    }
    p, li, td, caption, input, select, textarea {
    font-size: 11px;
    font-weight: normal;
    }
    #rap {
    display: block;
    margin: 10px 100px 0px 100px;
    position: relative;
    text-align: left;
    }
    #header {
    background: #5A634E;
    background: url(images/header_background.gif) no-repeat;
    border: 1px solid #4B5340;
    border-width: 1px 1px 1px 1px;
    color: #fff;
    font-size: 18px;
    height: 98px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 768px;
    }
    #header a {
    color: #fff;
    display: block;
    padding: 65px 10px 10px 10px;
    }
    #content {
    left: 146px;
    padding: 10px 10px 0 10px;
    position: absolute;
    top: 99px;
    width: 451px;
    border-bottom: 1px solid #000;
    }
    #content h2 {
    border-bottom: 1px solid #878D7C;
    color: #727A66;
    font-size: 12px;
    margin: 0;
    padding: 0 0 3px 0;
    text-align: right;
    }
    #content div.post {
    padding: 0 0 10px 0;
    }
    #content div.post h3 {
    color: #4B5340;
    font-size: 13px;
    margin: 7px 0 3px 0;
    padding: 0;
    }
    #content div.post h3 a, #content div.post h3 a:link, #content div.post h3 a:visited {
    color: #4B5340;
    }
    #content div.post div.meta, #content div.post div.meta ul li a, #content div.post div.meta ul li a:link, #content div.post div.meta ul li a:visited {
    color: #727A66;
    font-size: 10px;
    }
    #content div.post div.meta ul {
    display: inline;
    margin: 0;
    padding: 0;
    }
    #content div.post div.meta ul li {
    display: inline;
    margin: 0;
    padding: 0 3px 0 0;
    }
    #content div.post div.storycontent {
    border-left: 2px solid #e8e8e8;
    margin: 0 10px 0 0;
    padding: 0 0 0 7px;
    }
    #content div.post div.feedback a {
    color: #727A66;
    font-size: 10px;
    }
    #content div.post div.storycontent ol, #content div.post div.storycontent ul, #content div.post div.storycontent li, #content div.post div.storycontent blockquote {
    margin-left: 10px;
    padding-left: 0;
    }
    #comment {
    height: 150px;
    width: 400px;
    }
    #calendar {
    top: 0;
    left: 616px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 151px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    }
    #search {
    top: 164px;
    left: 616px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 151px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    }
    #archives {
    top: 245px;
    left: 616px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 151px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    }
    #menu {
    background: url(images/columns.jpg) no-repeat;
    left: 0;
    padding: 10px 10px 0 10px;
    position: absolute;
    top: 99px;
    width: 125px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    }
    #menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }
    #menu ul li {
    color: #5A634E;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;
    }
    #calendar caption {
    font-weight: bold;
    }
    #calendar th {
    color: #4B5340;
    font-size: 10px;
    padding: 2px;
    text-align: center;
    }
    #calendar tbody td {
    font-size: 10px;
    padding: 2px;
    text-

    The padding for Search and Archives is set at zero now, but no matter what I set it to, it makes no difference.
    Thanks!

    where do you plan to put the padding?

    If you look at the sheet, at #search, and #archives, you will notice that the padding is currently set to zero. If you plug this sheet into a default index.php, both the search and archives rest against the left hand border. I wanted to pad the left side, so that they were off the edge, and more towards the center.
    For some reason, no matter what value I give the padding, they contiue to rest right on the left border.

    Try altering the margin ?

    How about a link to your site so we can take a look?

    That might be helpful, eh?
    http://words.supercreep.org

    I’d bet a breakfast on it.

    Damn Beel!
    That moved it right over.
    OK, smarty, how do I get the archives over now, hehe

    i think you just do the padding-left see
    http://words.supercreep.org/wp-layout.css

    In looking at my index page, Archives might prove to be a little harder as in your css it is fixed. Try wrapping divs:
    <div><?php _e(‘Archives’); ?></div>
    <div>

      <?php get_archives(‘monthly’, ” , ‘html’ , ” , ” , 1); ?>
      </div>

      and in your css put:
      li#archives div {margin-left:10px}
      Maybe that will work.

    Viewing 11 replies - 1 through 11 (of 11 total)
    • The topic ‘REQ: CSS padding help’ is closed to new replies.
    Skip to toolbar