List Spacing problem in sidebar menu????

• 

  michaeldavidclements · Member · Jun 22, 2009 at 8:21 am

  • Copy link
  • Add topic to favorites

  hi.
  i’m experiencing problems with spacing between list items in my sidebar (at the bottom)
  url. http://michaelclements.co.uk
  for some reason it appears fine on my computer and browsers, however on larger screened computers the sidebar lists end up with massive spaces between them, I’m not really sure what’s going on.
  Any advice would be greatly appreciated.

  the code for the sidebar if it helps…

  #sidebar-container{
  float: left;
  width: 100%;
  padding: 0 0 40px;
  text-align: left;
  vertical-align: top;
  background: #1f1f1f;
  color: #FFF;
  clear: both;
  }

  .sidecol1, .sidecol2, .sidecol3{
  width: 150px;
  float: left;
  }

  .sidecol2, .sidecol3{
  margin-left: 0px;
  }

  #sidebar a{
  color: #3399FF;
  text-decoration: none;
  }

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

  #sidebar ul li{
  padding: 30px 0 0;

  }

  #sidebar ul li h2{
  text-transform: uppercase;
  padding: 0 0 0px;
  border-bottom: 0px solid #242424;
  }

  #sidebar ul ul{
  padding: 3px 0 0;
  }

  #sidebar ul ul li{
  padding: 0 0 0 0px;

  #sidebar ul ul li.bulletless{
  padding: 0;
  background: none;
  }

  #sidebar ul ul li.bulletless form{
  padding: 10px 0 0;
  }

  #sidebar ul ul ul{
  padding: 0;
  }

  #sidebar ul ul ul li{
  padding: 0 0 0 10px;
  background: none;
  }

• 

  michaeldavidclements · Member · Jun 22, 2009 at 8:45 am

  • Copy link

  Okay. Look like I missed of a “}” in the code. However my “tags” column now has an indentation, any ideas….

• 

  michaeldavidclements · Member · Jun 22, 2009 at 8:51 am

  • Copy link

  <div id=”sidebar-container”>
  <div id=”sidebar”>

  <div class=”sidecol1″>

  • <h2><?php _e(‘Sections’); ?></h2>
    • /”>Home

    <?php wp_list_cats(‘sort_column=name&optioncount=0&hierarchical=0’); ?>

  • <h2><?php _e(‘Archives’); ?></h2>
    <?php wp_get_archives(‘type=monthly’); ?>

  </div>

  <div class=”sidecol2″>

  • <h2><?php _e(‘Tags’); ?></h2>
    <?php wp_tag_cloud(‘smallest=8px&largest=8px&format=list&unit=pt&number=20’); ?>

  </div>

  <div class=”sidecol3″>

  • <h2><?php _e(‘Contact’); ?></h2>
    <li class=”bulletless”>
    • <script language=”javascript”>
      <!–
      /* Munged addy code – YOU CAN EDIT COMMENT THIS TAG BETWEEN THE TWO STARS */
      /* SAYS “Rates and Enquiries” */
      MyVaWdiVlNMfmyI();
      /* Munged addy code – YOU CAN EDIT COMMENT THIS TAG BETWEEN THE TWO STARS */
      //–>
      </script>
  • <h2><?php _e(‘Subscribe’); ?></h2>
    Okay. Look like I missed of a “}” in the code. However my “tags” column now has an indentation, any ideas….

    ” title=”<?php _e(‘RSS’); ?>”><?php _e(‘<abbr title=”Really Simple Syndication”>RSS</abbr>’); ?>

  • <h2><?php _e(‘Links’); ?></h2>
    <?php wp_list_bookmarks( ‘title_li=&categorize=0’ ); ?>

  </div>

  </div>
  </div>