WordPress.org

Ready to get started?Download WordPress

Forums

can't figure out something on css! (2 posts)

  1. Joestout888
    Member
    Posted 6 years ago #

    I need help removing a gap that is about 10-20px high here: ( the gap between the slideshow and the page bar)

    here is my stylesheet:

    */

    body {
    background: #000000;
    color: #ffffff;
    font-size: 10pt;
    font-family: Arial, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    }

    /* Structure Divs */
    #content {
    background: #555555;
    margin: 0 auto;
    padding: 0;
    width: 800px;
    }

    #header {
    background: url(images/header.jpg) no-repeat;
    height: 255px;
    margin: 0;
    padding: 0;
    }

    #pages {
    background: #3A3A3A;
    color: #FFFFFF;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 8.5pt;
    font-weight: bold;
    margin: 0;
    padding: 8px 0 8px 0px;
    }

    #postarea {
    float: left;
    margin: 0;
    padding: 0 0 20px 20px;
    width: 580px;
    }

    #sidebar {
    float: right;
    font-size: 8.5pt;
    line-height: 15pt;
    margin: 0;
    padding: 0 20px;
    width: 160px;
    }

    #footer {
    background: #3A3A3A;
    color: #FFFFFF;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 8.5pt;
    margin: 0;
    padding: 5px 5px 5px 0;
    text-align: right;
    }

    /* Config Structure Divs */

    /* Pages */
    #pages li {
    display: inline;
    list-style-type: none;
    }

    #pages ul, ol {
    margin: 0;
    padding: 0;
    }

    #pages a {
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
    padding: 6px 10px;
    }

    #pages a:hover {
    color: #C0C0C0;
    font-weight: bold;
    text-decoration: none;
    }

    /* Postarea */
    #postarea p, #postarea ul, #postarea ol {
    font-size: 10pt;
    font-family: Arial, Helvetica, Sans-Serif;
    line-height: 12pt;
    padding: 0px 0px 0px 0px;
    }

    #postbody {
    margin: 0;
    padding: 0px 0px 0px 0px;
    }

    #postarea ul {
    list-style-type: circle;
    margin: 0 0 0 30px;
    padding: 0;
    }

    #postarea li {
    margin: 0;
    padding: 0;
    }

    #postarea h2, #postarea h2 a {
    color: #999999;
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    font-size: 12pt;
    margin: 20px 0 0 0;
    padding: 0px;
    text-decoration: none;
    }

    #postarea h2 a:hover {
    color: #333333;
    }

    #postarea h3 {
    color: #9999FF;
    font-size: 10pt;
    font-weight: normal;
    margin: 0;
    padding: 20px 0 5px 0;
    }

    #postarea small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    }

    .feedback {
    color: #333333;
    font-size: 12px;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    }

    /* postentry */
    .postentry {
    margin: 0;
    padding: 0;
    }

    /* Comments */
    #commentlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

    #commentlist li {
    margin: 10px 0;
    padding: 5px 10px;
    }

    #commentlist p {
    margin: 0;
    padding: 0;
    }

    #commentlist small {
    font-size: 11px;
    }

    .class_comment1 { background: #E9E9EA; border: 1px solid #E0DEDE; }
    .class_comment2 { background: #F4F3F3; border: 1px solid #E0DEDE; }

    #comments, #postcomment {
    color: #333333;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px !important;
    font-weight: bold;
    margin: 40px 0 10px 10px;
    }

    #commentform {
    background: #F5F5F5;
    color: #333333;
    font-family: Arial, Helvetica, Sans-Serif;
    border: 1px solid #CCCCCC;
    padding: 5px 20px;
    }

    #commentform input{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 8.5pt;
    color: #333333;
    padding: 1px;
    }

    #commentform textarea {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 8.5pt;
    color: #333333;
    padding: 1px;
    }
    #commentform input:focus, #commentform textarea:focus {
    background: #FFFFFF;
    }

    /* Sidebar */
    #sidebar h3 {
    color: #999999;
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    font-size: 12pt;
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
    padding: 0;
    }

    #sidebar ul, #sidebar ol {
    list-style: none;
    margin: 0;
    padding: 5px;
    }

    #sidebar li, #sidebar li:hover {
    margin: 0;
    padding: 0;
    }

    #sidebar a {
    color: #333333;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    text-decoration: none;
    }

    #sidebar a:hover {
    color: #009999;
    font-weight: bold;
    text-decoration: none;
    }

    #sidebar div {
    margin: 20px 0;
    padding: 0;
    }

    /* Footer */
    #footer a {
    color: #999999;
    }

    #footer a:hover {
    color: #FFFFFF;
    }

    #footer p {
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    }

    /* General */
    a {
    color: #009999;
    text-decoration: none;
    }

    a:hover {
    color: #333333;
    text-decoration: underline;
    }

    acronym, abbr, span.caps {
    cursor: help;
    border-bottom: 1px solid #000000;
    }

    blockquote {
    padding: 5px 20px 30px 20px;
    margin: 5px;
    }

    cite {
    text-decoration: none;
    }

    code {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 8.5pt;
    }

    img {
    border: 0;
    }

    h4 {
    color: #555555;
    }

    /* Float and Clear */
    div.floatleft {
    float: left;
    }

    div.floatright {
    float: right;
    }

    div.both {
    clear: both;
    }

    /* Images align */
    img.border {
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin: 0;
    }

    img.border:hover {
    background: #CCCCCC;
    }

    img.center {
    display: block;
    margin: auto;
    }

    img.alignright {
    float: right;
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    float: left;
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    /* Text align */
    .center {
    text-align: center;
    }

    .alignright {
    text-align: right;
    }

    .alignleft {
    text-align: left;
    }

  2. TrishaM
    Member
    Posted 6 years ago #

    Two things come to mind;

    First you are using an "id" twice on the page (content) - that's a CSS no-no - I'm don't think it's causing your problem, but you should correct it as it will mess up in some browsers....

    Secondly, I don't see a style for your class "nav" where your navigation is - if you don't specifically specify styles for this section the browsers will interpret as best they can, and most will put in a margin below a ul tag......

    Try adding something along these lines (and you may have to expand and tweak to get it perfect)...

    #nav ul {margin:0;}

    Good luck!
    P.S. Very nice photos.....

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags