Aligning text with pictures.

  • Author
  • #778377

    Hi everyone,

    I’ve recently redone my blog layout and it’s exactly how I want it to look . My problem comes with the fact that I’ve decided to resize my pictures to make them a little smaller. As you can see in the below post. The post text runs outwith the alignment of the pictures.

    Is there anything I can do in CSS to make sure the text is contained in the same width as the pictures ?

    The blog I need help with is


    Can you give us a link to the post?


    Most likely you have a long way to go to catch me on forgetting links. :-)

    Your sidebar is down at the bottom of your posts because there is no room for it beside your images and content. Did you want it up where it should be, beside the content?


    I see you are using coraline and it does that if the browser window gets too narrow.


    Give this a try.

    .two-column #content {
    width: 66%;

    That works !!! Now my pictures and text are aligned as I wish … but … I’ve got an awfully big gap between my content and side bar ? Is there anyway to increase the white areas to the left of my content/right of my side bar and decrease the space between them both ?

    Sorry for all the newbie questions … I figure it is to do with padding perhaps ?


    Modify the padding declarations in the following two bits in your CSS to look like what I have below. This isn’t optimum, but it is better.

    .two-column #primary, .two-column #secondary {
    float: right;
    padding: 0 40px 0 0;
    width: 16%;
    .two-column #content {
    padding: 0 30px 0 50px;
    width: 66%;

    Because you went to a narrower content width, we really should go back in and adjust a bunch of things and make the entire site narrower. Do you want to do that? It will be a probably several hours before I can get to that as I’m waiting on a conference call to start that will likely create several hours of rush work for me. Post back here and let me know.


    Thanks for your help so far ! I can see the space has narrowed from your previous bit of CSS – If you think it’d be better to adjust quite a few things and you have the time to help I’d be very grateful !


    I’ll work on this for you a little later today.



    check email please :)


    @TT, I did and have responded.


    @thesacredpath: would you be able to help on a different topic? I want to remove the comment form i have under each post. i see the option to add and edit the comment box, however i don’t see an option to delete the form. you can see what i’m talking about if you go onto and click on any of the passages.
    If you or anyone can help i would greatly appreciate it, or you can email me the response @ (email redacted)



    @facebr4: I know your message was adressed to thesacredpath, but since we’re all users like you who are here to help, I’d like to advise you that your question is off-topic. For the sake of organization, please start a separate topic:
    Also, we don’t answer questions by email, but you can subscribe to a topic at any time.

The topic ‘Aligning text with pictures.’ is closed to new replies.