CSS text problem in wordpress

Discussion in 'CSS' started by TR123, Apr 23, 2007.

  1. #1
    Hi

    I have a blog I have produced in wordpress. I have just added a plugin which shows top commentors in the side bar. Problem is it shows the persons Name on one line and then number of comments on a line below it.
    I have been told this is to do with the CSS styling for the sidebar and that I should create a separate div class for this bit but I am not sure what is making the text turn over or how to change it, my CSS knowledge is very limited. I would be grateful for any help
    Many thanks

    The php for in the side bar for the plug in is
    <?php if(function_exists('ns_show_top_commentators')) { ?>

    The CSS for the sidebar is


    #r_sidebar {
    float: right;
    width: 225px;
    margin: 25px 0px 0px 20px;
    padding: 0px 0px 20px 0px;
    border-top: 2px solid #000000;
    }

    #r_sidebar ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #r_sidebar ul li {
    display: inline;
    padding: 0px;
    margin: 0px;
    }

    #r_sidebar ul li a {
    display: block;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #C0C0C0;
    }

    #r_sidebar ul li a:hover {
    background: #EFEFEF;
    color: #FF7F00;
    }

    #r_sidebar p{
    padding: 3px 0px 0px 0px;
    margin: 0px;
    line-height: 20px;
    }
     
    TR123, Apr 23, 2007 IP
  2. Mr Blonde

    Mr Blonde Guest

    Messages:
    142
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #2
    i take it this is the site in your signature. if you want each commentor to have their own line, remove the display:inline from the style controlling the list items.
     
    Mr Blonde, Apr 23, 2007 IP
  3. TR123

    TR123 Peon

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks yes it the blog in my signature, I have triedyour suggestion, but it puts the number below the name, I am trying to get the name and number of one commenter on each line.

    Any ideas?

    thanks
     
    TR123, Apr 23, 2007 IP
  4. Mr Blonde

    Mr Blonde Guest

    Messages:
    142
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #4
    ah i see, sorry i was viewing it in opera where it was still on the same line... it looks like its because the 'a' tag within the list item has a display:block applied to it. If you remove that, or include the number within the link it should get rid of it.
     
    Mr Blonde, Apr 23, 2007 IP
  5. TR123

    TR123 Peon

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Many thanks
     
    TR123, Apr 24, 2007 IP