• Hi all
    When an individual post is opened in the browser I would like the post and all the other stuff to be divided by a line (the same as when all the posts are together on the homepage). Is there an easy way to divide the individual posts? I just don’t know where abouts to place the code.
    border-bottom:1px dotted #79b;
    Cheers
    Jason

Viewing 15 replies - 1 through 15 (of 15 total)
  • I have added a class of .post in the CSS. Stick it in there.

    Thread Starter reevo

    (@reevo)

    I already have one there…
    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #79b;
    padding-bottom:1.5em;
    }
    It underlines the posts when they’re all lined up on the homepage but not individually.
    Any other ideas?
    Reevo

    IE doesnt do 1px dotted. I dont know if that is it?

    Thread Starter reevo

    (@reevo)

    Nope, tried changing it to ‘ dashed and it was the same. ‘

    While not identical to the problem you describe, the two bugs on Positioniseverything’s Open Source Oopsies Page, seem somewhat related. They also involve clearing floats and small gaps appearing out of nowhere.
    Can you document the bug properly? I’m sure they’ll be interested by a guest demo. (And I like the way they are trying to trick people into downloading Mozilla so that they can view the horrid open source bugs…)

    Interestingly enough my experiment focussed on the different moz behaviour with / without borders. Our friend here is trying to put in a border and it is going wrong. My stuff is not identical to position is every thing but is clearly all in the same family. Their observations on borked floats look terrifying. 🙂

    Thread Starter reevo

    (@reevo)

    Cheers guys,
    I’m interested to know the code that you’ve used then Root, why does yours work and mine not?
    For instance, in the article that you link your post does exactly what I want to have happen on my posts.
    I assume your’s doesn’t have…
    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #79b;
    padding-bottom:1.5em;
    }
    in the code but something slightly different?
    Reevo

    Thread Starter reevo

    (@reevo)

    Actually, if it’s trouble getting the dashed line to work how about just having a couple of blank lines beterrn the post and the comments etc.?

    Well your .post has only got three values for border. I would experiment there by adding a fourth. Plus I would take out margin 0; for the h3. A degree of trial and error is needed.

    Thread Starter reevo

    (@reevo)

    OK, cheers for your help.
    I thought that someone would just say “oh add this here” kind of thing, sorry to have put you through the trouble
    Thanks again
    Reevo

    Is it fixed ?

    Thread Starter reevo

    (@reevo)

    Nope, afraid ont, I’m kind of giving up as I don’t really have the time to invest in learning more CSS/PHP (not that I know much anyway!) 🙁
    To be honest I assumed that it would be an easy one to answer and not a trial and error kind of thing.
    It’s not a huge problem but more of a perfectionist kind of thing, I’m happy with the front page but the permalinked pages look a bit untidy to me, that’s why I thought a line or gap would tidy things up again.
    Reevo

    Well really it should do as mine does but I am stumped. Sorry.

    No probs Root, thanks for your input. So no easy way to add a couple of blank lines before the comment?

    Well this is really bothering me because I do not really understand what is going on. margin-bottom should do it for .post but something seems a bit arwry. Sorry I cant be more helpful.

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Dividing line in individual post’ is closed to new replies.