Grow your CSS skills. Land your dream job.

Items positioning problem – please experts help me

  • # June 30, 2011 at 10:21 am

    hi all , i am new to css tricks , i am here bcoz i got stuck in one of my blog design,,,give it a look http://jesica89.blogspot.com/ the problem is — the post description is appearing after the thumbnail but i need it on the right of thumbnail ,,, please experts help me

    # June 30, 2011 at 10:48 am

    You need to float your thumbnail to the left using the style:

    float:left;
    # June 30, 2011 at 11:00 am

    hey , it works , i didnot know it was so simple ,,, thanx a lot

    # June 30, 2011 at 11:09 am

    but still one more question in my mind , i am just unable to increase padding between image and description

    # June 30, 2011 at 11:15 am

    on the thumbnail you could add the style :)

    margin-right:15px;
    # June 30, 2011 at 11:19 am

    i tried but its not working

    # June 30, 2011 at 11:23 am

    You have:

    #contentLeft img, #contentLeft a img {
    padding: 0;
    margin: 0;
    float: left;
    }

    You need to have:

    #contentLeft img, #contentLeft a img {
    padding: 0;
    margin: 0 15px 0 0;
    float: left;
    }
    # June 30, 2011 at 11:24 am

    oh thanx again ….its working

    # June 30, 2011 at 11:26 am

    The problem that you will have is every time you add an image inside your post (that isnt a featured image) it will still float it to the left. It would be best to put your featured image in a div and give it an ID so you can call it in your CSS.

    # June 30, 2011 at 11:39 am

    now that is a big problem ,, just rookie about this ,,, can you tell me how to do this

    # June 30, 2011 at 11:40 am

    i would be very thankful to u for this

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".