Text from comments box spilling over into site

  • Hi All,
    I just got WP 1.5 yesterday and it’s absolutely awesome. But there were a few things that I tried to clear up and do some research on. If anybody has any help on these matters, I’m all ears.

    1. I tested out my comments section. As I typed continually, I noticed that my words kept going and going, creating a scroll bar at the bottom. When I posted it, the text ran right off the page, spilling over into the site. Anyone know why this would happen? I didn’t really mess to much with the stylesheet or comments.php when first started this.

    2. I’d like to put a border around the comments, as well as number them inside the comments box. I’ve looked around and tried other people’s suggestions but nothing has helped. I may not be doing it right. I’m a newbie with php.

    Here’s the site: https://www.no1slistening.com

    Thanks for any and all the help.

Viewing 5 replies - 1 through 5 (of 5 total)

  • It’s not php ??

    1 – I cannot replicate that problem in either Firefox or IE. What are you using ?

    2 – Try this:
    .commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    border: 2px solid #ff0000; <---------- add that
    }

    For question 1:
    This is a html/css issue. If you write a comment in which a word is larger than the displayable comments area then it will continue to overflow. As it is a contiguous word, there is no way for the browser to reasonably determine where to break it.

    Hence the easy solutions are to tell it to
    a) not show the overflowing text by adding the following to your css
    .commentlist li p{
    overflow:hidden;
    }
    or
    b) add a scroll bar
    .commentlist li p{
    overflow:auto;
    }

    …or you could tell people to use the space-bar every once in a while:-)

    Thread Starter vasquezdeli

    (@vasquezdeli)

    Gotcha. I will try both codes. Does it matter where I place this in my CSS? Or does it have to be in a specific location in the CSS to work?

    Always put new CSS at the bottom ??

    Thread Starter vasquezdeli

    (@vasquezdeli)

    Nothing seems to work. And now my comments are offset to the right for some reason. When entering new CSS at the bottom, do I just plop it in, or do I need to add /*Begin*/ and /*End*/ tags before and after the code?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Text from comments box spilling over into site’ is closed to new replies.