• Resolved demetria

    (@demetria)


    Could someone go through all CSS code and fix everything that is wrong? ( Web page – http://auditspluss.lv )

    CSS:

    body, h1, h2, h3, h4, h5, h6, blockquote, p, form {
    margin : 0;
    padding : 0;
    }
    
    body {
    margin : 0;
    font-family : Arial, Helvetica, Georgia, Sans-serif;
    font-size : 12px;
    text-align : center;
    vertical-align : top;
    background-color:#ffffff;
    background-repeat: repeat-xy;
    color : #000000;
    }
    
    h1 {
    font-family : Georgia, Sans-serif;
    font-size : 24px;
    padding : 10 px 10px 10 px 10px;
    }
    
    a:link, a:visited {
    text-decoration : underline;
    color : #d9b870;
    }
    
    a:hover {
    text-decoration : none;
    }
    
    p {
    padding : 10px 0 0 0;
    }
    
    #wrapper {
    margin : 0 auto 0 auto;
    width : 800px;
    text-align : left;
    }
    
    #header {
    width : 800px;
    margin : 0;
    padding : 0;
    }
    
    #container {
    width : 590px;
    background: url('http://i78.photobucket.com/albums/j98/klewyx/posta_bg_ap.png') repeat-y top left;
       float: left;
    
    }
    
    .post {
    padding : 10px 20px 10px 20px;
    }
    
    .post h2 {
    font-family : Georgia, Sans-serif;
    font-size : 18px;
    padding : 10px 15px 10px 15px;
    }
    
    .entry {
    line-height : 18px;
    padding : 10px 15px 10px 15px;
    }
    
    p.postmetadata {
    border-top : 1px solid #ccc;
    margin : 10px 0 0 0;
    }
    
    .navigation {
    padding : 10px 10px 10px 10px;
    font-size : 14px;
    font-weight : bold;
    line-height : 18px;
    }
    
    .sidebar
       {
       background: url('http://i78.photobucket.com/albums/j98/klewyx/side_ap_.png') repeat-y top left;
       float: left;
       padding: 0px 0px 0px 0px;
       text-align: right;
       width: 210px;
       }
    
    .sidebar ul {
    font-family : Georgia, Sans-serif;
    
    margin : 0;
    }
    
    .sidebar ul li {
    font-family : Tahoma, Arial;
    font-size : 11px;
    
    }
    
    .sidebar ul li h2 {
    font-family : Georgia, Sans-serif;
    font-size : 12px;
    color: #FFFFFF;
    }
    
    .sidebar ul ul li {
    padding : 0;
    line-height : 24px;
    }
    
    .bottom_sidebar
       {
       background: url('http://i78.photobucket.com/albums/j98/klewyx/side_ap_b.png') no-repeat ;
       float: right;
       padding: 0px 0px 0px 0px;
       height: 80px;
       text-align: left;
       width: 210px;
       }
    
    #footer
       {
       background: url('http://i78.photobucket.com/albums/j98/klewyx/footer_ap.png');
       height: 382px;
       text-align: left;
       width: 800px;
       }
    
    .comments-template {
    margin : 20px 0 0;
    border-top : 1px solid #ccc;
    padding : 20px 0 0;
    }
    
    .comments-template ol {
    margin : 0;
    padding : 0 0 15px;
    list-style : none;
    }
    
    .comments-template ol li {
    margin : 10px 0 0;
    line-height : 18px;
    padding : 0 0 10px;
    border-bottom : 1px solid #ccc;
    }
    
    .comments-template h2, .comments-template h3 {
    font-family : Georgia, Sans-serif;
    font-size : 16px;
    }
    
    .commentmetadata {
    font-size : 12px;
    }
    
    .comments-template p.nocomments {
    padding : 0;
    }
    
    .comments-template textarea {
    font-family : Arial, Helvetica, Georgia, Sans-serif;
    font-size : 12px;
    }
Viewing 6 replies - 1 through 6 (of 6 total)
  • Although this is not the nicest way to ask for help, I tried to look at your website, however your webserver presented this message:

    You don’t have permission to access / on this server.

    Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

    Not much I can do here.

    Peter

    Thread Starter demetria

    (@demetria)

    Ups, sorry, the link is – http://auditspluss.lv/blogs/

    Let us take one step at a time.

    Oke, start by changing this:

    .post {
      padding : 10px 20px 10px 20px;
    }

    into this:

    .post {
      padding : 10px 20px 10px 20px;
      margin: 0 30px;
    }

    Peter

    Thread Starter demetria

    (@demetria)

    Thank you for the help ( I did the step one ), I just need this home page ready very, very soon. So, I changed it, what I have to do next, because sidebar and footer still aren’t normal.

    next step is to change the list style type of the outer ul

    .sidebar ul li {
      font-family:Tahoma,Arial;
      font-size:11px;
      list-style-image:none;
      list-style-position:outside;
      list-style-type:none;
    }

    and the inner lu

    .sidebar ul ul li {
      line-height:24px;
      list-style-image:none;
      list-style-position:outside;
      list-style-type:disc;
      margin-left:-30px;
      padding:0;
    }

    Peter

    And for your footer you need a clear:

    #footer {
      background:transparent url(http://i78.photobucket.com/albums/j98/klewyx/footer_ap.png) repeat scroll 0 0;
      clear:both;
      height:382px;
      text-align:left;
      width:800px;
    }

    Peter

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

The topic ‘My theme has many problems.’ is closed to new replies.