WordPress.org

Forums

REQ: CSS padding help (12 posts)

  1. Anonymous
    Unregistered
    Posted 10 years ago #

    REQ: CSS padding help

  2. Anonymous
    Unregistered
    Posted 10 years ago #

    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-

  3. Anonymous
    Unregistered
    Posted 10 years ago #

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

  4. prara
    Member
    Posted 10 years ago #

    where do you plan to put the padding?

  5. Anonymous
    Unregistered
    Posted 10 years ago #

    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.

  6. Mark (podz)
    Support Maven
    Posted 10 years ago #

    Try altering the margin ?

  7. Nick Momrik
    Member
    Posted 10 years ago #

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

  8. Anonymous
    Unregistered
    Posted 10 years ago #

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

  9. Beel
    Member
    Posted 10 years ago #

    I'd bet a breakfast on it.

  10. Anonymous
    Unregistered
    Posted 10 years ago #

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

  11. prara
    Member
    Posted 10 years ago #

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

  12. Beel
    Member
    Posted 10 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.