A CSS problem

  • Resolved Resobaso

    (@resobaso)


    13 years, 7 months ago

    Alright, this is one of the few times where I believe I have the problem pinpointed. I just need to figure out how to fix my one gripe!

    https://www.resowalkthroughs.com/legend-zelda-ocarina-time-master-quest-episode-3/

    This is an average post, scrolling down you will see that it is set up to put a line underneath each comment. Pretty simple huh? Till you get to the last comment is where the problem comes in, it adds an extra line for no reason. Now, Iam sure I have it pinpointed because I even found the CSS that controls it.

    .commentlist, .commentlist li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none  scroll 0 0;
border-bottom: solid 1px #C0C0C0;
margin: 10px;
}

    The part highlighted in bold is what controls this, but if I remove it, all the lines go away, All I want is it to put one line under EACH post…thats it…Any ideas?

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

  • Try using:

    .commentlist, .commentlist li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent;
margin: 10px;
}
.commentlist li {border-bottom: solid 1px #C0C0C0;
}

    the second line is the bottom border of ul.commentlist

    remedy:

    .commentlist {border-bottom:none;}

    Thread Starter Resobaso

    (@resobaso)

    .commentlist {border-bottom:none;}

    That did it! Thanks a bunch! Slowly but surely I’m getting better at this stuff!

    Thread Starter Resobaso

    (@resobaso)

    One last question! When you are looking at something like this

    https://www.resowalkthroughs.com/fire-emblem-blazing-sword-prologue-chapter-2/

    You get to where you have threaded comments and it puts three lines after the last comment, any idea how you would get rid of that? OR is that appart of how it is. Or atleast where that would be?

    Try adding something like:

    .commentlist li li {
border-bottom:none;
}
    Thread Starter Resobaso

    (@resobaso)

    Didnt seem to do it, this seems to be further seeded, and I really cant seem to point approximately where it would be via HTML tags

    .commentlist .children li {
    border-bottom: none;
}

    works for me using Firebug

    Thread Starter Resobaso

    (@resobaso)

    here is what is there right now
    }
    .commentlist .children li {
    border-bottom: none;
    }
    I made sure to clear the cache and log out, perhaps I did something wrong?

    the css in that section is broken, and stops the

    .commentlist, .children li {
border-bottom: none;
}

    from being applied:

    .commentlist, .commentlist li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none  scroll 0 0;
Margin: 10px;
border-bottom: solid 1px #C0C0C0;
}
.commentlist {border-bottom:none;}
}
margin-left:30px;
}
.commentlist, .children li {
border-bottom: none;
}

    remove this extra code:

    .commentlist {border-bottom:none;}
}
margin-left:30px;
}

    Thread Starter Resobaso

    (@resobaso)

    Once it again, its fixed, thanks for the help! You guys are superb!

    I need to start learning this stuff …I only have enough knowledge to find where approximately it is..

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘A CSS problem’ is closed to new replies.