cannot evenly place 3 photos on page?

  • Suzannah

    #5236

    I would like to align these 3 photos evenly on the page please? They keep jumping around … and will not space evenly.

    I would like to be sure they line up well beneath the wider images my client is thinking of using.

    How do I do this please and many many thanks!

    Suzannah

    this is the page I am struggling with …

    http://www.suzannahmills.com/communications-and-advancement-services/

    ronangelo

    #31245

    Did you add some code in the style.css

    I see something like this:

    .alignleft {
    float: left;
    margin: 4px 1em 12px 0 !important;
    }

    remove this.

    another way is to put the three images in a table to align them.

    Suzannah

    #31246

    Thank you for the hints. No I didn’t add any CSS for this so am not sure exactly how that got there! and I’ve never made a table.

    Should I create it in Notepad ++ first do you think?

    ronangelo

    #31247

    my bad.. the code I posted above is indeed included in the default style.css, so lets not touch that.

    edit the page and go to HTML view.

    <table align="center">
    <tbody>
    <tr>
    <td> insert image1 here </td>
    <td> insert image2 here </td>
    <td> insert image3 here </td>
    </tr>
    </tbody>
    </table>

    Suzannah

    #31248

    Thank you so much for your help! This is information that I really will use now and in future … so much to learn.

    Thanks again,

    suzannah

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

You must be logged in to reply to this topic.