Why is first <li> indenting.

Discussion in 'HTML & Website Design' started by downloadthenet, Oct 8, 2007.

  1. #1
    I have a wordpress blog and the first <li> in each of my sidebar widgets is being indented in IE. It doesn't matter what's in the li an <h2>, adsense code, whatever, but the first line of the first <li> is always indented. Not a problem if FF.

    Can anyone give me an idea of what might be happening here? I've been working on this for days with no luck.

    Site
     
    downloadthenet, Oct 8, 2007 IP
  2. Arnold9000

    Arnold9000 Peon

    Messages:
    241
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Can I see the code?
     
    Arnold9000, Oct 8, 2007 IP
  3. downloadthenet

    downloadthenet Active Member

    Messages:
    497
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    78
    #3
    Here's what the sidebar code looks like and below is the css.

    <div id="sidebarl">

    <!--sidebar.php-->

    <?php if ( !function_exists('dynamic_sidebar')

    || !dynamic_sidebar(1) ) : ?>

    <h2>About Me</h2>

    <p>Put something about you here by editing the right sidebar.</p>

    <br />

    <h2>Top Posts</h2>
    <?php todays_overall_count_widget('views', 'ul'); ?>

    <h3>Top Posts for Today</h3>
    <?php todays_count_widget('views', 'ul'); ?>

    <!--recent posts-->

    <h2>Recent Posts</h2>

    <ul>

    <?php get_archives('postbypost', 10); ?>

    </ul>

    <!--list of categories, order by name, without children categories, no number of articles per category-->

    <h2>Topics</h2>

    <ul><?php wp_list_cats('sort_column=name'); ?>

    </ul>

    <!--searchfiled-->

    <?php include (TEMPLATEPATH . '/searchform.php'); ?>

    <br /><br />

    <!--sidebar.php end-->

    <?php endif; ?>

    </div>

    * html #sidebarl, * html #sidebarr { width: 160px; margin: 0px 10px; }

    #sidebarl {
    display: block;
    color: #000000;
    width: 130px;
    float: left;
    position:relative;
    margin: 0px 0px;
    padding: 0px 5px;
    text-align: left;
    border: none;
    font-size: 90%;
    }

    #sidebarl p{
    margin: 0px;
    line-height: 16px;
    padding: 5px 0px 10px 0px;
    }

    #sidebarl h2, #sidebarr h2 {
    color: #b22222;
    font-size: 15px;
    font-family: Georgia, Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
    list-style: none;
    padding: 25px 0px 10px 0px;
    margin: 0px;
    border-bottom: 1px solid #ffdead;
    }

    #sidebarl img, #sidebarr img{
    border: none;
    padding: 20px 10px 0px 0px;
    }

    #sidebarl ul, #sidebarr ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    }

    #sidebarl li, #sidebarr li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
    }

    /* add arrow to sidebar links */
    #sidebarl li a:before {
    content: url("http://schoolofhdtv.com/wp-content/themes/clean-copy-full-3-column-1/images/arrow.jpg");
    }

    #sidebarr li a:before {
    content: url("http://schoolofhdtv.com/wp-content/themes/clean-copy-full-3-column-1/images/arrow.jpg");
    }

    #sidebarl ul li, #sidebarr ul li {
    list-style: none;
    margin: 0px;
    padding: 3px 0px 3px 0px;
    }

    #sidebarl ul li a, #sidebarr ul li a {
    color: #000080;
    font-weight: bold;
    text-decoration: none;
    }

    #sidebarl ul li a:hover, #sidebarr ul li a:hover {
    color: #000080;
    text-decoration: underline;
    }

    #sidebar1 ul li ul li a, #sidebarr ul li ul li a {
    color: #0066cc;
    }

    #sidebarr {
    display: block;
    color: #000000;
    width: 165px;
    float: right;
    position:relative;
    margin: 0px 0px;
    padding: 0px 5px;
    text-align: left;
    border: none;
    font-size: 90%;
    }
     
    downloadthenet, Oct 8, 2007 IP