Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member Pxl_Buzzard's Avatar
    Join Date
    Sep 2007
    Posts
    8
    Member #
    15790
    Hey everyone, great forums. I need a little help with a CSS template I'm trying to edit for a blog I'm helping to get started, and I can't seem to get some bulletpoints (li) out of the sidebar. The link to the website is http://tophattobacco.com/blog. Thanks in advance. Here is the CSS sheet:
    [infobox=CSS Stylesheet]
    body {
    background: #FFFDDD url('images/background.gif') center top;
    color: #000;
    font: 75%/145% Verdana, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    }

    a {
    color: #380000;
    font-weight: bold;
    text-decoration: none;
    }

    a:hover {
    color: #930;
    }

    #wrap {
    width: 750px;
    background: url('images/wrap.gif') repeat-y center top;
    margin: 0 auto;
    padding: 0 15px;
    text-align: left;
    }


    /* TOP */

    #top {
    height: 183px;
    background: #DAB55D url('images/top-head.jpg') no-repeat;
    color: #AD4700;
    overflow: hidden;
    }

    #top h1 {
    color: #AC4700;
    font: bold 325% Impact, sans-serif;
    margin: 0;
    padding: 80px 0 0;
    text-indent: 275px;
    text-transform: lowercase;
    }

    #top p {
    font: bold 120% Verdana, sans-serif;
    margin: 0;
    text-indent: 275px;
    }

    #top a {
    color: #AC4700;
    }

    #top a:hover {
    color: #009;
    }

    #top-half {
    height: 132px;
    background: url('images/top-half.jpg') no-repeat;
    border-bottom: 5px solid #C60;
    }

    #top-half ul {
    height: 25px;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    }

    #top-half li {
    float: right;
    font: 90%/normal Verdana, sans-serif;
    list-style: none;
    margin: 0;
    padding: 5px 7px 0;
    text-transform: uppercase;
    }

    #top-half li a {
    background: #E5F2FF url('images/nav-off.gif') right top no-repeat;
    color: #A43E00;
    padding-right: 12px;
    }

    #top-half li a:hover {
    background: #E5F2FF url('images/nav-on.gif') right top no-repeat;
    color: #00C;
    padding-right: 12px;
    }

    #top-half form {
    clear: both;
    margin: 0;
    padding: 15px 10px 0 485px;
    }

    #top-half fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    }

    #top-half label {
    display: block;
    font: bold 110%/normal Verdana, sans-serif;
    }

    #top-half input {
    background: #BDD6E1;
    border-top: 1px solid #C4D9E2;
    border-left: 1px solid #C4D9E2;
    border-right: 1px solid #9AB1BA;
    border-bottom: 1px solid #9AB1BA;
    font: bold 100%/normal Verdana, sans-serif;
    color: #006;
    margin: 4px 0;
    padding: 4px 4px 3px;
    }

    #top-half #s {
    width: 192px;
    font: 100%/normal Verdana, sans-serif;
    padding: 4px;
    }

    /* CONTENTS */

    #contents {
    width: 518px;
    float: right;
    padding: 15px 15px 15px 0;
    }

    #contents h1, #contents h2, #sidebar h1, #sidebar h2 {
    background: #AC4700;
    border-top: 1px solid #C17540;
    border-left: 1px solid #C17540;
    border-right: 1px solid #813500;
    border-bottom: 1px solid #813500;
    color: #FFFAEF;
    font: bold 110% Verdana, sans-serif;
    letter-spacing: 1px;
    margin: 0;
    padding: 3px 5px;
    text-transform: uppercase;
    }
    #contents a:hover {
    text-decoration: underline;
    }
    #contents h1 a, #contents h2 a, #contents .small a, #sidebar h1 a, #sidebar h2 a {
    color: #FFF;
    }
    #contents h1 a:hover, #contents h2 a:hover, #contents .small a:hover, #sidebar h1 a:hover, #sidebar h2 a:hover {
    text-decoration: underline;
    }

    #contents p {
    padding: 0 5px;
    }

    #contents .small {
    background: #813500;
    border-top: 1px solid #945326;
    border-left: 1px solid #945326;
    border-right: 1px solid #612800;
    border-bottom: 1px solid #612800;
    color: #FFB;
    font: 85% Verdana, sans-serif;
    margin: 0;
    padding: 2px 5px 3px;
    }

    #contents img {
    background: #F9FCEC;
    border: 1px solid #D9DFEF;
    display: inline;
    margin: 4px;
    padding: 4px;
    }

    #contents .wp-smiley {
    background: #F2F8FF;
    border: 0;
    margin: 0;
    padding: 0;
    }

    /* SIDEBAR */

    #sidebar {
    width: 180px;
    float: left;
    font: 95%/130% Verdana, sans-serif;
    padding: 15px 10px 0;
    }

    #sidebar ul {
    margin: 0 5px 15px;
    padding: 0;
    }

    #sidebar ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    #sidebar h2 {
    margin: 0 0 2px;
    text-align: right;
    }

    #sidebar ul li a {
    color: #00F;
    font-weight: bold;
    }

    #sidebar ul li a:hover {
    color: #380000;
    position: relative;
    top: 1px;
    left: 1px;
    }

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

    #sidebar li li {
    padding: 1px 2px 0 4px;
    }

    #sidebar li li li {
    padding: 1px 2px 0 16px;
    }


    /* FOOTER */

    #footer {
    height: 61px;
    background: #FDFCAE url('images/footer.jpg') no-repeat;
    border-top: 5px solid #C60;
    clear: both;
    color: #006;
    font: 95%/140% Verdana, sans-serif;
    padding: 40px 50px 0 45px;
    }

    #footer a:hover {
    text-decoration: underline;
    }


    /* COMMENTS */

    .comments {
    list-style: none;
    margin: 0;
    padding: 0;
    }

    .comments li {
    background: #F7FBFF;
    border: 1px solid #D9DFEF;
    margin: 10px 0;
    padding: 4px;
    }

    .comments li li {
    border: none;
    padding: 0;
    }


    /* FORMS */

    #contents form {
    padding: 4px;
    }

    #contents form fieldset {
    border: 0;
    margin: 0;
    }

    #contents form fieldset label {
    width: 20%;
    float: left;
    font-weight: bold;
    }

    #contents form fieldset input, #contents form fieldset select, #contents form fieldset textarea {
    width: 75%;
    background: #F9FCEC;
    border: 1px solid #D9DFEF;
    float: right;
    font: 100% Verdana, sans-serif;
    margin: 2px;
    }

    #contents form fieldset textarea {
    height: 250px;
    }

    #contents form fieldset br {
    clear: both;
    }

    #contents form fieldset .button {
    width: 32%;
    font-weight: bold;
    text-transform: uppercase;
    }


    /* CONSTANTS */

    hr {
    clear: both;
    visibility: hidden;
    }

    blockquote {
    background: #F9FCEC;
    border: 4px dotted #D9DFEF;
    padding: 0 8px;
    }

    .clear {
    clear: both;
    }

    .center {
    text-align: center;
    }

    .right {
    float: right;
    }
    [/infobox]

  2.  

  3. #2
    Junior Member
    Join Date
    Feb 2007
    Posts
    23
    Member #
    14783
    rather than using (li) tags to do your heirarchy, just use a css class for the (a) tags. You can still use the (ul) to indent and then make separate classes for the different levels with the CSS style. unless podpress doesn't let you.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:08 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com