Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Konrad Pilch
Konrad Pilch
2,435 Points

HI How to make this in middle?

HI,

How can i make this code in the middle of an image on top of ? thats 50% top?

.bl_author_img{
    position: absolute;
    top:-45%;
    left:50%;
    margin:0 50px;
    overflow: hidden;
    height:100px;
    width:100px;
    padding:5px;
    background: #FFF;
    border-radius: 50%;

}
.bl_author_img img{
    border-radius: 50%;
    height:100px;
    width:100px;
}

Im not quite right with it but im somewhat there with it

Antonio Jaramillo
Antonio Jaramillo
15,604 Points

Could you re-word your question. It's a little difficult to understand. Thanks : )

Konrad Pilch
Konrad Pilch
2,435 Points

HI, thank you for the reply! :)

I managed to do it.

Basically i re-done the whole author box in html and css. On the second go, i understood how to make it better. I guess practice makes perfect! :)

I did it long time ago, and now after few months , im doing it again, my first time wasnt soo good, but my second try is good :) it could be better thou :)

Thank! Happy Coding!