Troubles with posting images side by side

Viewing 4 replies - 1 through 4 (of 4 total)
  • Justin Tadlock

    (@greenshady)

    15 years, 10 months ago

    Add the “alignleft” class to your stylesheet:

    img.alignleft { float: left; }

    You might want to add margin and padding or adjust a few other things here and there.

    lkosci

    (@lkosci)

    15 years, 10 months ago

    Make sure that your images aren’t too large to post side by side. Re size them before uploading.

    Thread Starter alnmedia

    (@alnmedia)

    15 years, 10 months ago

    this is what i have for image coding

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }
    /* End Images */

    NC@WP

    (@ncwp)

    15 years, 10 months ago

    Your pain seems to be entirely self-inflicted… Both of your images have the alignleft class attribute, so they both float left. Try replacing alignleft in the second image with alignright, see what happens… Alternatively, delete alignleft in both instances…

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Troubles with posting images side by side’ is closed to new replies.