WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] CSS borders between posts in loop all clumped at the top of the page (7 posts)

  1. nwatts88
    Member
    Posted 3 years ago #

    Hi, I'm not sure what I'm doing wrong. I have this css style to put a border between each post in my index and category pages:

    #primary article + article {
    		margin-top:3%;
    		border-top:1px dotted #ccc;
    		padding-top:6%;
    		}

    But they don't display properly, all the borders are bunched up at the top of the page. Here's a screenshot: http://terraavocado.com/images/screenofbrokenborders.png and a link: http://www.terraavocado.com/category/grammrar

    Any idea why?

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  3. nwatts88
    Member
    Posted 3 years ago #

    Thanks, but I already have. Here's a screenshot of where Firebug tells me the top margin and padding are for the second article in the loop, way up top there, nowhere near the beginning of the actual content, and I have no idea why: http://terraavocado.com/images/screenofbrokenbordersfirebug.png

    Is there another part of Firebug that helps with this that I'm not using?

  4. esmi
    Forum Moderator
    Posted 3 years ago #

    I'm sorry but it is beyond the scope of these forums to deal with basic CSS issues. Try a dedicated CSS resource such as http://www.css-discuss.org/ instead.

  5. nwatts88
    Member
    Posted 3 years ago #

    I don't know if this is a basic CSS issue. It might be something in my content template that I've done mistakenly without realising. You're very helpful though, many thanks.

  6. SpankMarvin
    Member
    Posted 3 years ago #

    Try adding display: block; and overflow: hidden; to the tags above?

  7. nwatts88
    Member
    Posted 3 years ago #

    Thanks man, added block and clear, all fixed.

Topic Closed

This topic has been closed to new replies.

About this Topic