Question

I have been trying to figure this out for a few hours now, using the Chrome inspector but no luck. I’m probably missing something simple.

Have a look at this page: http://newslines.org/wiki/category/computer-people/aaron-swartz/

Please check the position of the comment link (looks like a speech bubble on the right of every post)

I took the comment link from another site, however on that site the box used position:absolute. I have tried a lot of variations but I cannot get absolute to work and it only works for me using relative positioning. However, this leads to spacing problems between the post titles and the body text and if you look at the entry for “September 16, 2012” you will see that the comment bubble is lower down than it should be.

Any help most appreciated!

Answer 1

Try this:

.container .comments {
    background: -moz-linear-gradient(center top , #6FB1F0 0%, #589CDC 100%) repeat scroll 0 0 transparent;
    border: 1px solid #4A8ECF;
    border-radius: 3px 3px 3px 3px;
    float: left;
    height: 25px;
    position: relative;
    right: -20px;
    top: 20px;
    width: 34px;
}

.archive-layout .post .title {
    float: left;
    font-size: 22px;
    width: 650px;
}