Forums

Problem of line spacing in categories list (sidebar) (3 posts)

  1. FenyX
    Member
    Posted 3 years ago #

    I have a problem with my sidebar categories appearance but only in Internet Explorer and not in Firefox. I didn't specially customized the look of the wp_list_categories list in css. I just would like this categories list look like the latest posts list in Internet Explorer. Do you know what is causing this ? Here is how it looks like.

    On my site
    Screenshot

    In sidebar.php

    <li><h2>Categories</h2>
       <ul>
          <?php wp_list_categories('show_count=1&amp;feed_image=http://www.webtricksbox.com/wp-content/themes/blueprolarge/images/feed-icon.gif&amp;title_li='); ?>
       </ul>
    </li>
    
    <li><h2>Latest Posts</h2>
       <ul>
          <?php wp_get_archives('type=postbypost&amp;limit=10'); ?>
       </ul>
    </li>
    
    <?php if (function_exists('get_most_viewed')): ?>
    <li><h2>Most Viewed Posts</h2>
       <ul>
          <?php get_most_viewed('post', 10); ?>
       </ul>
    </li>
    <?php endif; ?>

    In style.css

    #sidebar{float:left;width:350px;margin:0px;padding:0px;font: 11px Verdana;padding-bottom:10px;}
    .rsidebar{font: 11px  Verdana;color:#808080;float:right;width:350px;}
    .rsidebar h2{margin-top:20px;margin-bottom:5px;font: 11px Verdana;color:#FFFFFF;font-weight:bold;padding:0;line-height:30px;padding-left:16px;background:url('images/sidebarh2bg.gif') repeat-x;text-transform:uppercase;}
    .rsidebar a {font-weight:normal;}
    .rsidebar ul{list-style-type:none;margin:0;padding:0;float:left;}
    .rsidebar ul li{list-style-type:none;margin:0 0 0px;padding:0;float:left;width:350px;}
    .rsidebar ul li ul{list-style-type:square;margin:0px;padding:0px;padding-bottom:3px;}
    .rsidebar ul li ul li{list-style-type:none;margin:0;line-height:25px;width:334px;padding-left:16px;}
    .rsidebar ul li ul li a {font:11px Verdana;font-weight:normal;color:#054474;line-height:25px;}
    .rsidebar ul li ul li a:visited {color:#054474;font-weight:normal;}
    .rsidebar ul li ul li a:hover {text-decoration:none;}
    .rsidebar ul li ul li a:visited:hover {text-decoration:none;}

    The HTML source overview of the result

    <li><h2>Categories</h2>
    
       <ul>
    	<li class="cat-item cat-item-13"><a href="http://www.webtricksbox.com/category/apache/" rel="nofollow" title="View all posts filed under Apache">Apache</a> <a href="http://www.webtricksbox.com/category/apache/feed/" rel="nofollow"><img src="http://www.webtricksbox.com/wp-content/themes/blueprolarge/images/feed-icon.gif" alt="Feed for all posts filed under Apache"></a> (1)
    </li>
    	<li class="cat-item cat-item-3"><a href="http://www.webtricksbox.com/category/seo/" rel="nofollow" title="View all posts filed under SEO">SEO</a> <a href="http://www.webtricksbox.com/category/seo/feed/" rel="nofollow"><img src="http://www.webtricksbox.com/wp-content/themes/blueprolarge/images/feed-icon.gif" alt="Feed for all posts filed under SEO"></a> (1)
    
    </li>
       </ul>
    </li>
    
    <li><h2>Latest Posts</h2>
       <ul>
    	<li><a rel="nofollow" href="http://www.webtricksbox.com/advanced-htaccess-tricks-for-securing-sites/" title="Advanced .htaccess Tricks for Securing Sites">Advanced .htaccess Tricks for Securing Sites</a></li>
    	<li><a rel="nofollow" href="http://www.webtricksbox.com/seo-guide-in-7-steps/" title="SEO Guide in 7 steps">SEO Guide in 7 steps</a></li>
       </ul>
    
    </li>
    
    <li><h2>Most Viewed Posts</h2>
       <ul>
          <li><a href="http://www.webtricksbox.com/advanced-htaccess-tricks-for-securing-sites/" title="Advanced .htaccess Tricks for Securing Sites">Advanced .htaccess Tricks for Securing Sites</a> (50)</li>
          <li><a href="http://www.webtricksbox.com/seo-guide-in-7-steps/" title="SEO Guide in 7 steps">SEO Guide in 7 steps</a> (42)</li>   </ul>
    
    </li>

    I do my best to learn quickly but my lack of knowledge is huge. Any help to understand the origin of this problem would be welcome.

  2. FenyX
    Member
    Posted 3 years ago #

    Any help would be really welcome. Even just a part of the code to explore or anything that could make me progress about this prob... Thanks in advance :)

  3. FenyX
    Member
    Posted 3 years ago #

    Ok, visibly the WordPress support forum is not the place to get real help. I'll find my answer in any other more helpful community...

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.